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.

Auto-scale Menu in Vantage

Open 1 reply premiumthemetheme-vantage
Malte Blumberg
11 years ago · Last reply by Andrew Misplon 11 years ago

Dear SiteOrigin team,

I am using your Vantage Premium theme, and I am very happy with it. However, I have a problem with the menu items when using the “Logo in Menu” option: On different screen resolutions the menu items sometimes float into the next row if they do not fit in one (e.g. on an iPad in portrait mode).

Is there a way of making the menu (its -elements and its text) responsive so they will automatically scale when resizing the browser window?
(before vantage premium will switch to the mobile menu anyway if the screen resolution is low enough)

That would help me a lot.

Thanks in advance. Cheers, Malte

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 5 months ago

    Hi Malte

    Thanks for running Vantage.

    Within the theme bounds there are two solutions you could use here. You could under Appearance > Theme Settings > Navigation, increase the mobile menu breakpoint to meet where your nav is dropping onto a second line. Or you could use the following under Appearance > Custom CSS to decrease the menu item padding.

    /* Menu Padding Horizontal */

.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

    Adjust the above is required if you try that out.

    We unfortunately don’t have a responsive padding solution at this point.

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