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.

Vantage – menu expanding over logo when page width is reduced

Open 9 replies questionthemetheme-vantage
trainshed
3 years ago · Last reply by Andrew Misplon 3 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 3 years, 1 month ago

    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. trainshed 3 years, 1 month ago

    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. Andrew Misplon Staff 3 years, 1 month ago

    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. trainshed 3 years, 1 month ago

    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. Andrew Misplon Staff 3 years, 1 month ago

    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. trainshed 3 years, 1 month ago

    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. Andrew Misplon Staff 3 years, 1 month ago

    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. trainshed 3 years, 1 month ago

    Hello Andrew

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

    Thanks

    Simon

  9. Andrew Misplon Staff 3 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread