Skip to content

Commit

Permalink
Cambio del menu burger por un menú normal responsivo en todas las pág…
Browse files Browse the repository at this point in the history 
…inas
  • Loading branch information
@Diego-Schmidt
Diego-Schmidt committed Nov 30, 2021
1 parent d4a345e commit fdf7b34
Show file tree
Hide file tree
Showing 6 changed files with 213 additions and 3 deletions.
66 changes: 63 additions & 3 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -568,13 +568,41 @@ footer {
.copy2{
display: none;
}

.menumob{
display: none;
}
@media (max-width: 824px) {
.menumob{
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-around;
background-color: rgba(255, 174, 0, 0.6);
font-size: 23px;
text-align: center;
width:100%;
}
.menumob__li{
display: inline-flex;
text-decoration: none;
padding: 0 10px 0 10px;

}
.menumob__li:hover{
color: seashell;
}
.menumob__ul{
list-style-type: none;
display: inline-block;
}
.menumob a{
text-decoration: none;
}
.nav__menu {
display: none;
}
.burger{
display: inline-flex;
display: none;
}
.centrado{
font-size: 1rem;
Expand Down Expand Up @@ -623,7 +651,39 @@ footer {
}
@media (max-width: 320px) {
.burger{
padding-left: -3px;
display: none;
}
.nav__social{
display: none;
}
.logo-left{
padding-left: 25px;
}
.menumob{
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-around;
background-color: rgba(255, 174, 0, 0.6);
font-size: 21px;
text-align: center;
width:100%;
}
.menumob__li{
display: inline-flex;
text-decoration: none;
padding: 0 5px 0 5px;

}
.menumob__li:hover{
color: seashell;
}
.menumob__ul{
list-style-type: none;
display: inline-block;
}
.menumob a{
text-decoration: none;
}
.nav__social{
padding-right: 2px;
Expand Down
30 changes: 30 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,36 @@
<img id="" src="./assets/whatsapp_black_24dp.svg" alt="nuestrowhatsapp" heigth=""/><img src="./assets/live_help_black_24dp.svg" alt="ayuda" heigth=""/>
</div>
</div>
<div class="menumob">
<ul class="menumob__ul">
<li class="menumob__li">
<a href="index.html">
Inicio
</a>
</li>
<li class="menumob__li">
<a href="./pages/menu.html">
Menú
</a>
</li>
<li class="menumob__li">
<a href="./pages/servicios.html">
Servicios
</a>
</li>
<li class="menumob__li">
<a href="./pages/acercade.html">
Acerca de
</a>
</li>
<li class="menumob__li">
<a class="" href="./pages/contacto.html">
Contacto
</a>
</li>

</ul>
</div>
</header>
<main>
<section class="seccion1">
Expand Down
30 changes: 30 additions & 0 deletions pages/acercade.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,36 @@
<img id="" src="../assets/whatsapp_black_24dp.svg" alt="nuestrowhatsapp" heigth=""/><img src="../assets/live_help_black_24dp.svg" alt="ayuda" heigth=""/>
</div>
</div>
<div class="menumob">
<ul class="menumob__ul">
<li class="menumob__li">
<a href="../index.html">
Inicio
</a>
</li>
<li class="menumob__li">
<a href="menu.html">
Menú
</a>
</li>
<li class="menumob__li">
<a href="servicios.html">
Servicios
</a>
</li>
<li class="menumob__li">
<a href="acercade.html">
Acerca de
</a>
</li>
<li class="menumob__li">
<a class="" href="contacto.html">
Contacto
</a>
</li>

</ul>
</div>
</header>
<main>
<section>
Expand Down
30 changes: 30 additions & 0 deletions pages/contacto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,36 @@
<img id="" src="../assets/whatsapp_black_24dp.svg" alt="nuestrowhatsapp" heigth=""/><img src="../assets/live_help_black_24dp.svg" alt="ayuda" heigth=""/>
</div>
</div>
<div class="menumob">
<ul class="menumob__ul">
<li class="menumob__li">
<a href="../index.html">
Inicio
</a>
</li>
<li class="menumob__li">
<a href="menu.html">
Menú
</a>
</li>
<li class="menumob__li">
<a href="servicios.html">
Servicios
</a>
</li>
<li class="menumob__li">
<a href="acercade.html">
Acerca de
</a>
</li>
<li class="menumob__li">
<a class="" href="contacto.html">
Contacto
</a>
</li>

</ul>
</div>
</header>
<main>
<section class="contacto">
Expand Down
30 changes: 30 additions & 0 deletions pages/menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,36 @@
<img id="" src="../assets/whatsapp_black_24dp.svg" alt="nuestrowhatsapp" heigth=""/><img src="../assets/live_help_black_24dp.svg" alt="ayuda" heigth=""/>
</div>
</div>
<div class="menumob">
<ul class="menumob__ul">
<li class="menumob__li">
<a href="../index.html">
Inicio
</a>
</li>
<li class="menumob__li">
<a href="menu.html">
Menú
</a>
</li>
<li class="menumob__li">
<a href="servicios.html">
Servicios
</a>
</li>
<li class="menumob__li">
<a href="acercade.html">
Acerca de
</a>
</li>
<li class="menumob__li">
<a class="" href="contacto.html">
Contacto
</a>
</li>

</ul>
</div>
</header>
<main>
<section class="tablamenu">
Expand Down
30 changes: 30 additions & 0 deletions pages/servicios.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,36 @@
<img id="" src="../assets/whatsapp_black_24dp.svg" alt="nuestrowhatsapp" heigth=""/><img src="../assets/live_help_black_24dp.svg" alt="ayuda" heigth=""/>
</div>
</div>
<div class="menumob">
<ul class="menumob__ul">
<li class="menumob__li">
<a href="../index.html">
Inicio
</a>
</li>
<li class="menumob__li">
<a href="menu.html">
Menú
</a>
</li>
<li class="menumob__li">
<a href="servicios.html">
Servicios
</a>
</li>
<li class="menumob__li">
<a href="acercade.html">
Acerca de
</a>
</li>
<li class="menumob__li">
<a class="" href="contacto.html">
Contacto
</a>
</li>

</ul>
</div>
</header>
<main>
<section>
Expand Down

0 comments on commit fdf7b34

Please sign in to comment.