.x-bar-fixed only removes after interaction

[lukefinsaas]

Hi folks,

We’ve got a funky little issue: when using multiple Header Bars with ‘position: absolute;’ and one with ‘sticky’, the .x-bar-fixed class doesn’t drop off the Bar when you scroll back to the top of the site. Once you hover over the bar, though, the class drops off and we get the margin-offset back. The effect is not ideal and a little jarring.

Any tips on how we can get that listener to listen a little bit better? or perhaps a better way to build these stacked headers? https://jaxondev.telainc.com/

Additionally, the top Alert bar (I’m hoping) will be toggle-able for the customer — I know how to build the conditional logic to drop it, but any advice on how to dynamically manage the margin-offset when the top bar is toggled off?

[ruenel]

Hello @lukefinsaas,

Thanks for writing in! Please use the position “Relative” in your Bar element settings so that the top alert bar will not be behind the sticky bar. If this does not work, please provide us your WP credentials so that we can check our Bar element settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.