Pages jump on scroll with Sticky Top Bar and Nav Bar

Support
#1

Hi,

I have a site https://trinitywellness.co/ where as soon as I start to scroll, the page jumps. I’m using Fixed Top in order to keep the Nav Bar sticky and have a Nav Bar Top Height set to -5px because if I have it set to any positive value I end up with the content on my single product pages popping around as I scroll. Attached is a screen video showing the jumpy behavior with the above settings, then a screen video showing what happens with the single product pages if I change from -5px to 0px and the lastly a screengrab showing what the single products page should look like when it loads. I’ve tried various CSS snippets from searching for similar issues on the forum, but so far nothing has worked. Thank you in advance!

#2

forgot to post the screen vids and screengrab links



#3

Hi Matthew,

Usually, with the correct combination of the options inside the Sticky Header feature it should avoid having that jumping effect:

Screen Shot 2020-06-11 at 14.53.46

But we need to actually test that on your website to be able to see if it is that or there is another reason.

kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case if you still have problems.

secure-note
secure-note758×120 2.88 KB

Thank you.

#4

Hi,

I still am unable to get this working correctly. Credentials included. Thank you for your time with this!

#5

Hi Mathew,

Thank you for the login information. I checked the website and found out that you added the value of -5 to the Top Navbar Height in Theme Options > Header:

Screen Shot 2020-06-16 at 14.04.00

I changed it to 0 and the jumping went away.

Thank you.

#6

This is awesome, thank you so much!

#7

You’re welcome!
We’re glad @Christopher were able to help you out.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.