Fórum OpenCart Brasil

[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;.

[bobsoftware]

Olá, estou com o mesmo problema, vc conseguiu resolver?

Obrigado

[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.

[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.