CSS Block Top Menu

[vitormfs 0]

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:

 

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:

 

É possível realizar isso pelo css? 

 

Obrigado

[Daniel - PrestaBR 316]

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.

[vitormfs 0]

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