This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Navigation

Resolved 3 replies premiumthemetheme-vantage
eRobert
10 years ago · Last reply by Andrew Misplon 10 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 6 months ago

    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.

  2. eRobert 10 years, 6 months ago

    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!

  3. Andrew Misplon Staff 10 years, 6 months ago

    Super, glad to hear that helped.

    Thanks for your continued support.

    Cheers :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread