Home>Support>Vantage – menu expanding over logo when page width is reduced

Vantage – menu expanding over logo when page width is reduced

By trainshed, 2 years ago. Last reply by Andrew Misplon, 2 years ago.
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].

Site: https://thorvertonads.org.uk/

I just discovered that when I reduce the page width (for example when using on tablet in portrait mode – but happens on desktop when browser window is reduced in width) the menu expands its height and obscures the logo above it. As window is narrowed still further the problem rights itself.

I am fairly sure this has only happened recently following updating of WordPress, Vantage, Page Builder and other plugins. Can you suggest what I might do to stop this behaviour please.

I’ve got the following Custom CSS relating to the Header, Masthead and Menu:

/* Header Padding */
header#masthead .hgroup {
padding-top: 20px !important;
padding-bottom: 20px !important;
}

/* Menu Padding – Vertical */
.main-navigation ul li a {
padding-top: 15px !important;
padding-bottom: 15px !important;
}

/* Menu Padding – Horizontal */
.main-navigation ul li a {
padding-right: 15px !important;
padding-left: 15px !important;
}

/* Masthead Logo – space below it on Mobile removed */
@media (max-width: 680px) {
.support-text {
display: none !important;
}
}

Plus some CSS to change colours which I don’t think will be relevant.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 2 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi, thanks for getting in touch.

    Please, clear and temporarily deactivate WP Optimize. That’ll allow us to get a better look at the markup on the page.

  2. 2 years, 5 months ago trainshed

    Hi Andrew
    I reset the minified files and disabled minify. I then deactivated the WP Optimize plugin. Is that enough for you to be able to investigate?
    Simon

  3. 2 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Simon

    Thanks for the help. I see the issue. We’ll have a release out in the next couple of days to resolve the problem. You can perhaps try the following in Custom CSS until the next release:

    @media (max-width: 1080px) {
    body.responsive #masthead .hgroup {
        display: flex !important;
    }
}
  4. 2 years, 5 months ago trainshed

    Hello Andrew

    Thanks for your very prompt response; I continue to be impressed by your company’s exemplary service.

    I will try what you suggest in the Custom CSS today.

    Best wishes

    Simon

  5. 2 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Simon. Thanks for your kind reply and support; it’s most appreciated! Please, let us know how you get on.

    Kind regards

    Andrew

  6. 2 years, 5 months ago trainshed

    Hello Andrew

    The Custom CSS seems to more or less work – only issue is that on our Android Tablet in Portrait view the too high menu comes up momentarily and then narrows to the correct height. Not sure why this would be but the fix is OK pending new Vantage release.

    Cheers

    Simon

  7. 2 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for testing. I’m not able to replicate the issue at the moment. I think let’s wait for the update and chat after that. Hopefully, the issue resolves itself. We’ll have the update out in the next few days. Thanks again!

  8. 2 years, 5 months ago trainshed

    Hello Andrew

    I just installed the new Vantage release and it fixes the issue.

    Thanks

    Simon

  9. 2 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Simon

    Thanks for confirming and for your feedback; much appreciated!

    Cheers for now.

    Andrew

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