Submenu do Menu Lateral fora de posição

Olá a todos.

Estou com dificuldades em meu menu lateral. Um dos items do menu (Roupas) tem um submenu com dois itens (Calças e Roupas). Até aí tudo funcionando. Acontece que Calças e Roupas também possuem submenus e estes estão ficando desalinhados e impossíveis de serem clicados. Como aproximo estes submenus até o restante da estrutura???

minha versão de testes esta em: http://temporario-armazemdosimportados.lojaintegrada.com.br/.

Alguém pode me ajudar?? Obrigado.

@adamac… Correção do menu lateral… Codigo abaixo…!

ul.nivel-tres { margin-left: -141px;}

Esse código devo inserir no CSS?

@adamac … Isso… Corretamente…

em qual parte do trecho?

/Menu lateral /
.menu.lateral.fechado .nivel-um .com-filho>a {
padding-right: 0;
}
.menu.lateral.fechado .nivel-um .com-filho>a i {
/display: none;/
}
.menu.lateral.fechado .com-filho>ul {
border-top: 2px solid #000000;/
#BF0D13
/
border-bottom: 2px solid #000000;/#BF0D13/
left: 260px;
}
.menu.lateral.fechado .com-filho>ul li {
border: 0;
}
.menu.lateral.fechado .com-filho>ul li:hover a {
color: #ff5c00;
}

@adamac … Para resolver mas rapido sem precisa usar o codigo que mandei eh so vc tirar esse “left: 260px;”

/Menu lateral /
.menu.lateral.fechado .nivel-um .com-filho>a {
padding-right: 0;
}
.menu.lateral.fechado .nivel-um .com-filho>a i {
/display: none;/
}
.menu.lateral.fechado .com-filho>ul {
border-top: 2px solid #000000;/
#BF0D13
/
border-bottom: 2px solid #000000;/#BF0D13/
/left: 260px;/ ESSE CODIGO AQUI Q TA DANDO AQUELE PROBLEMA… SO TIRAR EH NAO PRECISA USAR OQ MANDEI…
}
.menu.lateral.fechado .com-filho>ul li {
border: 0;
}
.menu.lateral.fechado .com-filho>ul li:hover a {
color: #ff5c00;
}

Funcionou na hora. Valeu.
Mais uma coisa. Como fazer para que ao parar o mouse sobre cada opção do submenu a cor mude para esse laranja que eu estou usando no site? Acho que estou colocando o código no lugar errado.

@adamac … so vc usar esse codigo aqui eh pronto td menu lateral laranja… :sunglasses:

menu .nivel-dois a { color: #ff5c00;}

Na realidade eu quero que cor mude nos submenus quando o mouse passar por cima. Será esse o feito?

@adamac… uma cor para cada menu aberto ?

O submenus laterais na cor preta e ao passar o mouse sobre cada um de seus items mude para o laranja.

Veja se eh isso que vc esta querendo… mantendo as cores pretas… quando passa o mouse fica laranja…

.menu .nivel-dois a:hover { color: #ff5c00;}

Só até o primeiro submenu. O último fica laranja fixo.

Calma ai que vou da uma olhada aqui

o erros esta nesse seu codigo aqui

.menu.lateral.fechado .com-filho>ul a{font-size: 15px; /* color: #000000; / / text-transform: capitalize; */}

esse color ai q ta fazendo td a bagunça… deixa ele como acima eh acrescenta esse abaixo

.menu .nivel-dois a:hover { color: #ff5c00;}

ai ira fica preto como antes e com o laranja quando passa o mouse

Não está funcionando… já inclusive tentei:

.menu .nivel-dois a { color: #000000;}
.menu .nivel-dois a:hover { color: #ff5c00;}

ja resolvi seu caso… remove td seu codigo eh pega o seu novo codigo aqui nesse link q vou deixa… se apaga td esse seu eh coloca esse que eu organizei pois tava uma bagunça… kkkk

http://loja.admdigital.net/pagina/codigo_adamac.html

Melhorou muita coisa!!! Obrigado!

Sabe esse efeito meio sombreado no primeiro nivel do menu lateral??? Ele pode ser replicado nos submenus?

Com essas “divisões” entre cada item

ADMDIGITALTR

Gostei do design do seu menu lateral… Os contornos das bordas ficaram suaves. Como fez isso?