mi css
@media only screen and (max-width: 1023px){
.text-align{
text-align:left;
overflow:hidden;
}
#nav-responsive{
ul{
position:absolute;
width:27em;
font-size:1.1em;
top:40px;
background-color:#222;
margin-right:0px;
overflow: hidden;
transition:all 0.4s;
li{
display:block;
margin-top:1em;
padding:10px 15px;
}
}
}
}
mi codigo html
%nav.navigation.white-text#nav-responsive.text-align
%ul.list-inline.menu-right
%li
%i.glyphicon.glyphicon-home
%a{} Inicio
%li
%i.glyphicon.glyphicon-shopping-cart
%a{} Tienda
%li
%i.glyphicon.glyphicon-user
%a{} Clientes
%li
%i.glyphicon.glyphicon-picture
%a{} Galeria
%li
%i.glyphicon.glyphicon-envelope
%a{} Contacto
m
sc i
@media only screen and (max-width: 1023px){
.text-align{
text-align:left;
overflow:hidden;
}
#nav-responsive{
ul{
position:absolute;
width:27em;
font-size:1.1em;
top:40px;
background-color:#222;
margin-right:0px;
overflow: hidden;
transition:all 0.4s;
li{
display:block;
margin-top:1em;
padding:10px 15px;
}
}
}
}
mi codigo html
%nav.navigation.white-text#nav-responsive.text-align
%ul.list-inline.menu-right
%li
%i.glyphicon.glyphicon-home
%a{} Inicio
%li
%i.glyphicon.glyphicon-shopping-cart
%a{} Tienda
%li
%i.glyphicon.glyphicon-user
%a{} Clientes
%li
%i.glyphicon.glyphicon-picture
%a{} Galeria
%li
%i.glyphicon.glyphicon-envelope
%a{} Contacto
m
sc i