Bootstrap menu 100%width and header smaller in height

[Joey Bailey]

Hello, 

 

I am creating a website for my new company, I am using the normal bootstrap template, because its bold and I like it, but I want to make the menu 100% width and the header smaller in height ?

 

Any one know how to do this ? 

 

https://paturevision.fr/
 

 

 

 

Thanks in advance 

 

[Rolige]

To achieve the justified effect in the top menu, you need add this properties below in the rule .sf-menu > li {} into the desktop section:

float: none;
text-align: center;
display: table-cell;
width: 1%;

The header is managed from the #header {} rule in the global.css, just add the height you need, but normally this height is automatically, what means if you do it smaller, you will have a bad view. The correct way is by reducing the spacer between the blocks inside the header and height also.

[Joey Bailey]

I have succesfully modified what I wanted with the global.css and blocktopmenu.css files and cart.css, so thank you for your help you're right you have to modify through blocks