Ir ao conteúdo
  • Cadastre-se

Submenu


Posts recomendados

Boa noite pessoal, 

 

Estou precisando de uma grande ajuda de vocês, preciso criar um submenu que seja responsivo, porém não trabalhei ainda com códigos responsivos criados a partir do zero.

 

Tenho um site em wordpress que seu menu está todo responsivo porém o submenu não, quando vejo o submenu de uma tela de notebook ela cria uma barra de rolagem, queria que esse submenu ficasse de determinada maneira.

 

Por exemplo:

 

Menu:              HOME          A EMPRESA          PRODUTOS         CONTATO          LOCALIZAÇÃO

 

Porém quando visualizado em uma tela menor não dá barra de rolagem o menu fica assim tudo em baixo do outro corretamente.

HOME

A EMPRESA

PRODUTOS 

CONTATO

LOCALIZAÇÃO

 

Submenu dentro de PRODUTOS já cria barra de rolagem como posso resolver isso?

 

Submenu PRODUTOS:          CERVEJA          REFRIGERANTE          VODKA          TEQUILA          RUM          VINHO

 

Sendo assim ele cria uma barra de rolagem ao invés de jogar todos para baixo como feito no menu.

 

Poderiam me ajudar a criar essa classe.

 

Obrigado.         

 

 

 

Link para o comentário
Compartilhar em outros sites

Caro amigo @dif

 

Estaria me referindo ao jeito que vou postar na imagem ou o link.

 

https://www.dropbox.com/s/xkmr1jfsafhjmtd/menu-submenu.png?dl=0

 

menu-submenu.png?dl=0

 

Sendo que o submenu tenha que ficar no formato de linha (inline-block), e quando a página fosse redimensionada ele deveria jogar uma para baixo do outro, como na imagem abaixo ou no link.

 

https://www.dropbox.com/s/gy8kltfkbgkhtg8/redimensionada.png?dl=0

 

redimensionada.png?dl=0

 

Desde já obrigado.

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...