Reduce size of each menu option
I'm working on this site: http://www.wgrl.net/
Because of request for additions of top-level menu items, it now automatically changes to a mobile version on most non-full screen desktops. Is there a way to either make the menu items appear closer together, shrink their overall size, or reduce the size at which this transition to mobile occurs.
Thanks in advance for your assistance!
Because of request for additions of top-level menu items, it now automatically changes to a mobile version on most non-full screen desktops. Is there a way to either make the menu items appear closer together, shrink their overall size, or reduce the size at which this transition to mobile occurs.
Thanks in advance for your assistance!
Comments
if you want to show regular menu instead of mobile on smaller screens, please take a look at http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value where this was explained. But to change menu items padding, please use below css:
.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description) { padding: 0 10px !important; }but after using this css you won't be able to use arrows for menu items because there won't be not enough space for them.