Reduce space between top menu link

5DDesign · September 2016

Hi There

I am using a split top menu and would like to know how to reduce the space between the links? In other words, print the text links closer together.

The reason for this is that the last link is being pushed down the screen.

Your help with this will be greatly appreciated.

Thanking you in advance.

Albert · September 2016

Hi,

please send us link to page where you would like to decrease space between menu items and we will see if it's possible in your case.

Thanks!

5DDesign · September 2016

Albert · September 2016

Ok, thanks. So the only way to decrease padding for menu items, is the following css but this would move all your items up:

#Top_bar .menu > li > a { padding: 0 !important; }

5DDesign · September 2016

Thank you, however all this did was move the text in the menu up closer to the top of the page, not reduce the space between the text.

Albert · September 2016

We thought that this is what you needed. If not, then the only other possibility is to change padding between menu links:

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

5DDesign · September 2016

Perfect, thank you for your help

Albert · September 2016

You are welcome

Comments