SOLVED: Sticky Header overlaps content

Bricks Version: 1.6 Beta
Browser: Opera Latest
OS: Windows 11

On 1.5.6 my content was below my header on page load (settings - sticky header on scroll), now when the page loads my hero section is behind the header.

Kindest Regards

Mick

Hi Mick,
Thanks so much for your report!

A link is worth a thousand words - do you have one for me?

Best regards,
timmse

I have a link with the similar issue. The link below is 1.6 beta

https://dellarte.co.za

1 Like

Yeah, same issue here. Overlap header.

1 Like

Hey guys,
Thanks so much for the link!

I know what’s causing the issue and added it to the bug tracker.

Best regards,
timmse

2 Likes

Apologies Stefan for the late one; not had the chance to get on here recently. Great you found the culprit!

Thanks @AndreGroenewald for sending through a link and @RealSousen, for confirming too :+1:

Many thanks

Mick

I “fixed” this by disabling the sticky header, until the final corrected version comes out.
thank you michael.

Hi Stefan and others,

This seems to be fixed in 1.6B2 :+1:

1 Like

Hi Stefan,

Can you check if this has crept back into 1.7beta? Content has gone behind the Hero again. No link available I’m afraid! Perhaps the same issue what caused it last time?

In my case, the sticky header works correctly and does not overlay the content. Without a link, I can’t say anything about your problem.

1 Like

Thanks for the reply,

Pinged you a dm with login link.

Many thanks

Mick

If I activate “sticky on scroll” (as you reported back then) everything is fine :wink:
This does not change the behaviour, but instead of position fixed, sticky is now used.

1 Like

Sorry to bring this up i know its 2 years old but i seem to have the same issue with the latest version of bricks

Hey @dragsternj,

I can’t replicate it :thinking:, so would be nice if you add a link to the website, where we can see the issue.

Thank you,
Matej

https://ftswebdesign.com/home/?bricks_preview=1770812410

this goes away when i activate stick on scroll and its normal

So it’s a no bug :slight_smile: If you have only “sticky” enabled, then it’s expected that the header goes over the content. This is useful if you have transparent header and want this.
But in your case, when you want to always show header at the top, but not over the content, then “sticky on scroll” is what you need :slight_smile:

Best regards,
Matej