Less Spacing Between Menu Items

larzanderson · April 2018

The main menu on the 'library' theme is spacing larger on different browsers so some menu items aren't showing. I don't want to do a scrolling menu - How can I reduce the spacing between the items? I tried..

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

But it didn't work.

Thanks!

Bryan · April 2018

Hello,
please send a link to your page.
thanks

larzanderson · April 2018

larzanderson.org

Bryan · April 2018

You need to also change the line height:

#Header_creative #Top_bar .menu > li > a span {
	line-height: 28px !important;
}

larzanderson · April 2018

That worked! Thank you.

I don't know if you can help with this but it seems on internet explorer - the menu is spacing more than on safari. Is there anything I can do to fix this?

Thanks!

Bryan · April 2018

Well, maybe it is just browser cache? Please remove it on both browsers and check again.
thanks

Less Spacing Between Menu Items

Comments