Fórum OpenCart Brasil

[fabio_artes]

Olá a todos, preciso de uma força com o menu de categorias da minha loja. Se alguém puder me dar uma mão será de grande ajuda!
O meu menu tem bastante categorias, e naturalmente, 3 delas foram para linha de baixo.
Mas o problema é que as subcategorias dos itens da primeira linha se confundem com as categorias da linha de baixo... Bom parece confuso de explicar, mas tenho um link para mostrar:

http://www.lojagoodpaper.com.br/goodpap ... de_entrega

Tenho um conhecimento razoável em CSS, já fucei em tudo e não consegi resolver o problema. A princípio não parecia algo complicado mas na verdade é que não sei mais o que fazer.

Se alguém puder me dar uma mão, eu agradeço.

Um abraço!

[diogogarbin]

Estou com o mesmo problema Fábio.
Estava observado no seu link você conseguiu dar um espaço até para pelo menos aparecer os resto do seu menu. Como fez?
Mas fica meio zicado pq quando visualiza o menu de cima o que fica embaixo bagunça o texto e fica sem visualização.

[unknown1140]

Basta adicionar a seguinte propriedade na linha #menu > ul > li:hover

Código: Selecionar todos

z-index: 30;

Pronto. Aconselho tb colocar uma borda (branca ou cinza) ou sombra no div do submenu, pois como está fica muito confuso...
Espero q ajude em algo

[diogogarbin]

unknown1140...
Consegui resolver meu problema
É como diz o ditado você aprende algo após muito estudo e analise.
Em Extensões > Menu Departamentos (Clica em editar), o layout departamentos tem uma opção de quantidade, o qual não estava permitindo criar mais menus alem do seu padrão.
Agora seguindo suas regras de edição do CSS, funcionou perfeitamente para mim e sem nem um bug ainda
Obrigado pela ajuda .....
Grande abraço

[unknown1140]

Feliz em ajuda

[fabio_artes]

Ola unknow1140, foi de grandíssima ajuda! Resolveu o problema, agora é só dar um trato no visual. Desculpe a demora em responder, mas estive parado com esse projeto e só retomei hoje. Obrigado pela ajuda, problema resolvido! Abs!

[fabio_artes]

Olá diogogarbin! Cara este problema estive tentando resolver faz muito tempo, mas graças ao nosso amigo unknow1140 foi resolvido. Estou até pensando em fazer uma estátua em homenagem a ele rsrs. Sobre os espaços foi algo no CSS, deve ser na linha #menu > ul > li > a eu coloquei o padding: 2px 15px 1px;
Abs!

[thiiix7]

Oi Pessoal,

Queria saber se alg sabe me dizer essa duvida que tenho sobre CSS.

Um "problema" que me encomoda com as categorias do menu superior, é que elas não se auto dimencionam para suprir "espaços" e ficarem alinhados no layout da pagina.

AHAM? COMO ASSIM?

Exemplo: Se no menu tem espaço para caber 10 categorias, mais no momento você tenha apenas 4 categorias. As categorias ficam alinhadas toda pro lado esquerdo, ficando uma sobra sem nenhuma categoria sobre o restante da LINHA do menu de categorias.

Alguem sabe fazer como que essas mesmas 4 categorias se ajustem sobre a linha ficando alinhadas sobre e cobrindo todo o menu?

Exemplo? www.granmix.com.br/loja

O Layout do container esta com 100%, porém no header é 980px, por isso não estranhem os tamanhos diferenciados.

[unknown1140]

Vi q vc já resolveu, q bom.
Agora um conselho, copiar o site das americanas e a logo, é uma péssima ideia em todos os sentido, pode dar até processo... Mas se for só como estudo td bem.
Outro conselho, evite páginas tomando 100% da largura - a não ser q seja responsívo pensando em todos os aspectos - pois é extremamente incomodo para quem tem tela grande. Só faz complicar a navegação e o layout se perde quase q completamente...