Header Is Covering Content

Applies to: SS header sections and top-of-page layouts

Symptoms

• Header overlaps the first section
• Content starts behind the header
• Sticky header looks “too tall” or pushes content unexpectedly

Try this

1. Check Header Type: Sticky vs Static.
2. If the header is Transparent, it is expected to overlay content.
3. Increase Top Padding of the first section below the header.
4. If your theme has its own sticky header setting, ensure it is not conflicting.
5. Save, then refresh the live page.

Still not working?

Email [email protected] with:

• Theme name
• Page URL
• Screenshot showing overlap
• Header settings screenshot

Related articles

• Add Announcement Bar To Top / Header

Also searched as: add padding, announcement bar hidden, content, content behind header, covering, first section hidden, fix header overlap, header, header conflict, header covering content, header covers announcement bar, header covers image, header hides section, header on top of content, header overlap fix, header overlaps, header position, header pushes content, header settings, header spacing, header too tall, header type, hero hidden by header, overlay header, page starts behind header, section, section under header, static header, sticky, sticky header, theme header, top of page cut off, top padding, transparent header, two headers