Margin in the header

gonetra

Hi everyone,

I’m experiencing an issue with the header.

On both desktop and mobile, the header overlaps the page content, so the top part of the page appears behind the header (as shown in the screenshot). I need to add proper top spacing (margin) so the content starts below the header.

I don't need it in the sticky header.

How can i fix this?

Thanks in advance,

Filippo

img1.jpg

img2.jpg

Phil

Hi,

Are you using header template for your website?

If so, edit it, go to template settings, and set Body offset to Yes:

If you have Mobile header enabled, do the same for it:

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gonetra

Okay thank you i did it but it's super close to the page content, can i put a margin on both the desktop and the mobile?

imgmob.png

img.png

https://ogdemo.maratonadiravenna.com/contact/

Phil

You must edit this page content and add some space to the first section.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gonetra

So do i need to add the margin to every single page instead of using a default bottom margin in the header?

Phil

Your header has position absolute, so adding any bottom margin to it, will not move the content down.

You would have to either change the header position to default and then add the bottom margin:

Or add the space at the top to each page.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gonetra

Did it, thank you so much!