[Resolved] space below navigation menu

Home Forums Support space below navigation menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1027356
    Matthew

    How can I change the space between my navigation menu and the content on this page? It looks great on desktop, but it has too much space on mobile.

    #1027358
    Leo
    Staff
    Customer Support

    Hi there,

    There is actually an empty page hero/header element on the front page:
    https://www.screencast.com/t/ny6oaizo

    https://docs.generatepress.com/article/header-element-overview/

    Removing that should fix the issue.

    Let me know if this helps 🙂

    #1027359
    Matthew

    Ok, it is removed, but take another look. It doesn’t seem to change the space on mobile, and now my content is overlapping the menu on desktop.

    #1027464
    David
    Staff
    Customer Support

    Hi there,

    you have this CSS in Customizer > Additional CSS that is pulling the page over the nav:

    body:not(.home):not(.woocommerce) .site.container {
        margin-top: -40px;
    }

    Remove that to remove the problem

    #1027644
    Matthew

    Thank you, that solved my overlap problem. That additional CSS was pulled in from the site library.

    I’m still not able to change the space on mobile though. It looks fine if I resize a window on desktop, but when I load the page from Android or iOS I have too much space.

    #1027681
    Matthew

    Actually I may have been fighting with the cache. I think we’re looking good now. Thank you for your help.

    #1027735
    Leo
    Staff
    Customer Support

    I would highly recommend disabling the caching plugin while you develop the site.

    It will save you lots of headaches.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.