Bars 2-4 go behind bar 1 in the header

[Sandberg]

Hi,

This is a continuation to thread Header bars aren't sticky

We updated to the latest theme version and our bars now go behind Bar 1. I’ve changed Z-indexes but can’t get it to work.

If I remove the Sticky Element, the bars show as intended, but obviously they aren’t sticky. Do you know what the issue might be?

I’ve added the login information in a secure note again.

I removed sticky from the bars so they show for now.

[tristup]

Hi Pontus,

I have checked and found the issue on your website, but I am unable to replicate it in my local environment. I am able to set multiple Bars to sticky, and it is working fine. I tried to check the settings made on your website, but it seems that the 2FA app is enabled and it does not allow access to any other menu.
I would suggest you disable the 2FA and let us know for further investigation.

Thanks

[Sandberg]

Hi,

I’ve disabled it now.

Thanks!

[marc_a]

Hey Pontus,

After conducting a thorough examination of your header bars, I encountered an issue wherein enabling the sticky option on bars 3 and 4 causes them to appear behind the 1st bar. As all header bars are intended to be sticky, they should adapt to their current positions accordingly. I’ll consult again with our developer about this issue.

In the meantime, adding this CSS to your bar 3 and 4 element CSS is a quick fix to solve your current issue.

$el {
  top: auto !important;
}

Hope that helps.

[Sandberg]

Hi Mark,

Thanks for this. Any idea when the issue will be solved and I won’t need the CSS?

[tristup]

Hi Pontus,

Please note that a few hours ago, we released another version of the theme with some fixes. I would recommend you update your theme to the latest version of Pro i.e. 6.3.2.
After the update please check once by clearing all types of cache including the System Cache from Cornerstone > Settings > System > Clear System Cache and check in the incognito/private mode of the browser.

Hope it helps.
Thanks