Home>Support>Auto-scale Menu in Vantage

Auto-scale Menu in Vantage

By Malte Blumberg, 10 years ago. Last reply by Andrew Misplon, 10 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 13 days ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More