Prezados, alguém sabe como colocar uma “seta” nas categorias do mobile ? Meu site atualmente está como a imagem abaixo:
manda o site irmão, ajuda ai!
segue o site. www.fotodhm.com.br
seria algo ± assim…
precisa dar uma editada.
@media only screen and (max-width: 767px){
.menu.superior .nivel-um,
.menu.superior .nivel-dois
{
display: block;
}
.menu.superior .nivel-dois
{
display: none;
}
.listagem .listagem-item {
margin: 0;
}
.listagem-linha li {
margin-top: 0;
}
.acoes-produto-responsiva .tag-comprar {
padding: 0 5px;
}
.acoes-produto-responsiva .tag-comprar span {
font-size: 14px;
}
.acoes-produto-responsiva {
top: 140px;
right: 0%;
}
.listagem-linha ul li.span3 {
float: left;
width: 50%;
min-height: 460px;
}
.menu li {
padding: 0 20px;
}
.nivel-um .com-filho:after {
content: "\f067";
font-family: 'FontAwesome';
height: 30px;
line-height: 20px;
position: absolute;
right: 0px;
text-align: center;
top: 10px;
width: 40px;
}
}
Noooosssa que top! isso mesmo meu amigo.
Só duas coisas.
Dá para colocar outra imagem no lugar do “+” ? E outra coisa, quando clicar de novo, tem como recolher ?
kkkkkkkkkkkkkkkkkkkk, a primeira acredito que sim
.nivel-um .com-filho:after {
content: "\f067";
font-family: 'FontAwesome';
height: 30px;
line-height: 20px;
position: absolute;
right: 0px;
text-align: center;
top: 10px;
width: 40px;
}
a segunda eu não consegui…
Valeu meu amigo, obrigado
Amigo, sabe como faço para expandir a sub categoria, acho que é nivel 3. Pois não está funcionando.
não faço ideia de como fazer…
bem complexo isso, pensei em pelo menos deixar essa sub já expandida, mas não lembro onde vi o código que fazia isso.