Página 1 de 2

Duplicar Menu Categorias do header

Enviado: 09 Set 2012, 20:50
por thiiix7
Boa noite,

Gostaria de uma ajuda. Gostaria de duplicar o menu de categorias do header, fazendo ele ficar em 2 linhas, e que o restante das categorias que não coube na primeira linha fosse para a segunda.

Alguem sabe me auxiliar com isso? Vou usar o tema default.


Exemplo de Loja que possui isso: comprafacil.com.br, extra.com.br

Re: Duplicar Menu Categorias do header

Enviado: 10 Set 2012, 11:52
por Renato Frota
Eu acho que ele já faz isso por padrão quando estoura a largura da página, ou estou enganado?

Re: Duplicar Menu Categorias do header

Enviado: 10 Set 2012, 12:35
por thiiix7
Fiz um teste, e o que aconteceu foi que os "nomes" das categorias que explodiu na primeira linha foram para a segunda linha. Mas a "tarja" preta em questao nao foi, ai os nomes ficam flutuando sem um backgroud.

Re: Duplicar Menu Categorias do header

Enviado: 12 Set 2012, 11:08
por thiiix7
Olá pessoal,

Ainda nao consegui realizar esse procedimento. Caso alguem posso ajudar.

até.

Re: Duplicar Menu Categorias do header

Enviado: 12 Set 2012, 11:34
por adrielrp
Mais ai ja é questão do css...tente buscar no css a área do background do menu e tira o repeat-x e colocar apenas repeat...

Re: Duplicar Menu Categorias do header

Enviado: 12 Set 2012, 15:33
por Renato Frota
Coloca a URL da loja que eu vejo com o inspetor do Chrome (similar ao Firebug). Não é prático montar uma loja teste só para identificar um problema e/ou encontrar uma solução para os tópicos.

Re: Duplicar Menu Categorias do header

Enviado: 16 Set 2012, 09:40
por thiiix7
Olá,

http://www.granmix.com.br/loja2

de Baixo da categoria Articles Sporting tem 2 categorias.

Re: Duplicar Menu Categorias do header

Enviado: 19 Set 2012, 10:58
por thiiix7
Estou procurando também templates que ja tenham essa função.

Caso alguem conheça algum template mesmo pago agradeço. Verifico diariamente no themesforest.net porém ainda não encontrei.

Re: Duplicar Menu Categorias do header

Enviado: 19 Set 2012, 11:37
por unknown1140
Para funcionar no default faça o seguinte:
No arquivo stylesheet.css procure o id menu (#menu) e substitua a propriedade
Código: Selecionar todos
height: 37px;
por
Código: Selecionar todos
height: auto;
apos a id menu insira o seguinte:
Código: Selecionar todos
#menu>ul:after{content: ".";visibility: hidden;display: block;height: 0;clear: both;}
Pronto! Agora o menu pode ter quantas linhas vc quiser, apesar de q duas já é muito :D
Espero q ajude alguém :D

Re: Duplicar Menu Categorias do header

Enviado: 20 Set 2012, 11:41
por diogogarbin
Está forma não funcionou para mim, alguem conseguiu estender o menu para duas linhas???
Por favor publique.