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

Vantage – menu expanding over logo when page width is reduced

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. 9 days, 12 hours 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. 9 days, 8 hours 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. 9 days, 8 hours 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. 8 days, 22 hours 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. 8 days, 19 hours 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. 8 days, 19 hours 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. 8 days, 18 hours 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. 4 days, 19 hours ago trainshed

    Hello Andrew

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

    Thanks

    Simon

  9. 4 days, 19 hours ago Andrew Misplon Hi, I Work Here

    Hi Simon

    Thanks for confirming and for your feedback; much appreciated!

    Cheers for now.

    Andrew

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More