#Top_bar Not Always Scrolling To Correct Position When Header Is Sticky

msmith29063

We're using a sticky header and the #Top_bar DIV displays at top: 61px on page load. But when you scroll down the page and then back up to the top, it doesn't always reset back to 61px. Sometimes, it stays at the sticky setting of 0px. Which is causing overlapping issues. Could you take a look at this? Thank you for your help.

Here is the live site:

https://westminstercanterbury.org

Phil

Hi,

Please put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

#Top_bar:not(.is-sticky){
   top: 61px!important;
}

After that, check if the problem persists.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

msmith29063

Easy enough. Thank you.