Jump to content

Recommended Posts

Olá,

 

Quero customizar o menu superior do meu site e já achei o código CSS para realizar alterações, porém a que eu desejo não consigo fazer. Gostaria que pudessem me ajudar.

 

Pretendo distribuir igualmente os itens pelo div indicado.

 Atualmente a barra é apresentada dessa forma:

Inicial.PNG

 

O espaço designado para o menu fica até o final, porém os campos não o preenchem até o fim. Adicionei o comando

display: inline-block;

No arquivo superfish-modified.css encontrado em themes>default-bootstrap>css>modules>blocktopmenu>css

 

A intenção é que o menu fique de acordo com a imagem a baixo que editei no Photoshop apenas para ilustrar:

what-i-want.png

 

É possível realizar isso pelo css? 

 

Obrigado

Share this post


Link to post
Share on other sites

Basta definir a largura do item (não sei qual é porque não tem o link pra visualizar) em percentual. Neste caso, 16.66667%.

Mas o ideal é usar as classes do Bootstrap pra ficar legal em todas as telas.

Share this post


Link to post
Share on other sites

Coloquei uma distancia a partir da sua recomendação, funcionou bem, porém ainda ficou desregulado.

Com a adição de:

text-align: center;

Ficou melhor!

 

Agradeço a ajuda

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More