Is possible to modify only sticky menu font size? I need to reduce a little the size because the menu don't fit to the right of the logo and the menu moves down the logo.
Ok, thanks. From what we see, there is no need to reduce font size. All you need to do is reduce side padding between menu items what could be done with an extra css:
#Top_bar .menu > li > a span:not(.description) { padding: 0 10px !important; }
I'd like to do this without modifying the padding, as this option effects all screen sizes and I like the padding where it's at on desktop.
Specifically, I'd like to modify font size on sticky menu on screens between 768x and 959px. Possibly padding too, but only at that screen size. I've done some digging into the php files but haven't found a solution
@jkperez So if you would like to apply custom css for a particular screens only, you need to use @media rules and all details about it you can find on http://www.w3schools.com/cssref/css3_pr_mediaquery.asp but if this still won't be enough, check responsive.css file of the theme where all screen media rules are.
Comments
please send us link to page where you would like to change it's size first.
#Top_bar .menu > li > a span:not(.description) { padding: 0 10px !important; }