Header on Mobile covering contents

Hi there,

Is that the layout you want to go with?

If so I would recommend inserting the current site header background image as the logo:
https://docs.generatepress.com/article/adding-header-logo/

Then set the navigation to above header:
https://docs.generatepress.com/article/navigation-location/

Let me know if this helps :)

Hi Leo,

Thanks for the response

Those settings have been selected already. The logo was just on the upper left side of the page and I have added this CSS to make it full width:

.mobile-header-navigation .mobile-header-logo img {
width: 100%;
height:100% !important;
padding: 0;
display:inline-block;
}

Does this conflict it?

I think I found the CSS that's causing the problem:

.main-navigation {
    position: fixed !important;
    width: 100% !important;
}

Can you remove that and see if it fixes it?

yey! it worked! you're the best! thanks!

No problem :)