space below navigation menu

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 :)

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.

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

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.

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

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

It will save you lots of headaches.