Página 1 de 1
Menu em todos os temas
Enviado: 26 Out 2011, 16:52
por renatojapa
Olá galera, já dei uma pequena contribuição aki no forum e já tenho alguns ecommerce online rodando com opencart, o problema é que alguns cliente me pedem é que o menu superior de categorias tenha duas linhas, mais não consigo já lutei aki com o css e não achei solução, o negocio que os menus superiores quando passo o mouse e pra abrir as subs, e vou clicar numa sub ele em vez disso vai pra categoria que está abaixo gostaria da ajuda de vcs pra fazer um menu principanas pra todas as principais categorias sendo assim isso ajudaria toda a comunidade;.
Re: Menu em todos os temas
Enviado: 25 Abr 2012, 00:31
por bobsoftware
Olá, estou com o mesmo problema, vc conseguiu resolver?
Obrigado
Re: Menu em todos os temas
Enviado: 16 Jul 2012, 09:45
por Anita
Pelo visto eu não sou a única com essa dificuldade... vocês conseguiram resolver isso? Como o OP, já mexi muito no CSS mas ainda não consegui nenhum resultado. Se achar uma solução posto aqui.
Re: Menu em todos os temas
Enviado: 16 Jul 2012, 15:48
por unknown1140
Procure este código no arquivo stylesheet.css do seu tema:
Código: Selecionar todos#menu > ul > li {
position: relative;
float: left;
z-index: 20;
padding: 6px 5px 5px 0px;
e substitua por:
Código: Selecionar todos#menu > ul > li {
position: relative;
float: left;
z-index: 1;
padding: 6px 5px 5px 0px;
agora procure por:
Código: Selecionar todos#menu > ul > li > div {
display: none;
background: white;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid black;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.pn
e substitua por:
Código: Selecionar todos#menu > ul > li > div {
display: none;
background: white;
position: absolute;
z-index: 999;
padding: 5px;
border: 1px solid black;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png')
Pronto, o q vc fez foi colocar o div do sub-menu em uma "camada" superior.
Espero q ajude em algo.