Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi,
I wonder if there is away to decrease the space/padding between menu items dynamically?
Original padding are 35 px and fixed until the menu collapses.
The original padding on desktop is fine but for example on iPad its a bit unnecessary wide spaces so
the menu is distributed on two rows. I don’t want to have a collapsed mobile navigation menu on iPad.
Just the space between items is less there is enough screen space to fit the whole menu.
Thanks!
Hi ERobert
Not dynamically but you can drop the padding down according to the viewport:
/* Menu Padding Horizontal */ @media (max-width: 780px) { .main-navigation ul li a { padding-right: 25px !important; padding-left: 25px !important; } }Should do the trick.
Perfect!
Really enjoying using WordPress and your theme when things can be controlled
as you want it to be.
And of course your help is really good.
Thanks!
Super, glad to hear that helped.
Thanks for your continued support.
Cheers :)