Menu Full Width - Logo Removed

lotion

Hi
I would like the menu to go full width of the screen. I have removed the LOGO by removing the code from the header.php (There is possibly a better way of doing this in custom.css - but I couldn't get it to work) and placing this in the module topbar. But my menu which is currently 7 menu items is wrapping the last two on the next line.

I fixed this (again in possibly not the best way by editing the header.php file) and changing this :

This worked showing all menu items in a row! Perfect - BUT when you decrease the menu width to about 790px those last two menu items wrap onto the second line which unfortunately is the aspect ratio for a tablet landscape.

How can I make the menu full width and it to collapse correctly on a tablet?

Thanks

saguaros

Hi lotion

When editing the header block, did you also change the Bootstrap class for the header right?

<div class="col-xs-7 col-sm-5 col-md-3 col-lg-5 head-actions pull-right">

You need to reduce the col-log and col-md also.