Problem with top bar

Micapet

Hi,

I have a problem with the top bar.

I use the classic header so I have at left my logo, in the center the menu and at right the search icon and the action button.

The problem is that when the place is not suffisant the menu goes down.

You can see that on www.pro-pulsar.com.

Actually I would like when there isn't enough place in the center for the menu the menu closes and leave the place for the icon menu.

Could you help me for that ?

Albert

Hi,

please deactivate maintenance mode so we can have a look on your site.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Micapet

I just deactivate

Micapet

Did you check my website ?

Albert

We did checked it already and what you can do is decrease padding between menu items. This can be done with below css:

#Top_bar .menu > li > a span:not(.description) { padding: 0 10px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Micapet

Ok, thanks. So there isn't the possibility that when there isn't enough place for menu the menu leaves the place for icon-menu ?

Or there is a possibility to put the action button smaller ?

Micapet

Or maybe is it possible the put the long titles of menu on 2 lines ?

For example Références & Témoignages because it's long

Albert

If you will deactivate maintenance mode once again, we'll check if it is possible to decrease action button size. As we wrote above, then only way is to decrease padding between menu items if there is not enough space for smaller devices. This is how responsive exactly works.

If you want to make titles in 2 lines, then use <br /> tag between them.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next