Pro 6.1.10 - Issues with sticky headers

[urchindesign]

I have a header with two bars. The first bar is a normal relative bar. The second bar is sticky and set to absolute positioning. Prior to the update the sticky bar worked as expected.

Since the update the first bar sits on top of the sticky bar which means you can’t see the sticky bar properly until you scroll down the page when the first bar scrolls away and the sticky bar remains.

If I change the second bar to relative then the bar itself remains at the top of the page and I end up with a white space below the bar that is the height of the first bar.

If I add an offset to the sticky bar then it does sit at the top of the page when you start scrolling.

[ruenel]

Hello @urchindesign,

Thanks for writing in!

I found out that somewhere in the Global CSS, you have added this:

/*Headers*/

.x-bar-fixed {
    position: fixed;
    background: rgb(37, 37, 37) !important;
}

Please remove that CSS block, clear all your plugin caches and then test the site again. Please do not forget to regenerate the minified CSS because WP Fastest Cache plugin.

• Site Appears Broken after Updates (theme.co)

Best Regards.