Sticky Headers Jump Awkwardly

Support
#1

As you can see on my website: https://staging.fluentstream.com/

I have 2 Headers and they jump awkwardly when I scroll up and down the page. Is there a way to fix that?

#2

Hi Eli,

Thanks for reaching out.

Please inspect your Sticky Header bar and change its offset trigger to 40 instead of zero. Please check this screenshot

image

Cheers!

#3

Thanks for the help, but that’s not what I’m referring to. I created a short video to show you what I’m seeing. I hope this helps better explain what we’re looking to fix.

https://share.vidyard.com/watch/kiFg114W4ztvT18Q1c5igE?

#4

Hey Eli,

To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:

image
image1040×250 17.4 KB

Thanks!

#5

Thanks, just provided credentials. Appreciate the help.

#6

Hi Eli,

Thank you for the credentials but it did not work, please check.

I understand what your issue there, to resolve that, please turn off the sticky bar option of your second bar, to make it a static bar (same as the first bar).

Then duplicate that second bar, make that duplicate as your sticky bar, and Hide it Initially. This way you resolve the header scrolling issue and have a flexible sticky bar that you can edit separate from the main bar.

Hope it helps,
Cheers!

#7

Thanks for the help, but this is still looking incorrect. I also updated the credentials and confirmed that they work.

Screen-Shot-2020-06-18-at-10.12.45-AM
Screen-Shot-2020-06-18-at-10.12.45-AM3356×1086 121 KB

#8

Hi Eli,

Yes, that is actually the correct header configuration that I’m talking about, but that white space you’re seeing should not be there since we set that 3rd bar to initially hidden. I’ve tried the header on my dev site to test and I did not get that white space issue (see the screencast below).

This means that there is something on your site causing the bug, it could be the cache or a plugin.

Please purge all your cache directly from your WP Rocket dashboard as the WP Rocket plugin cant completely clear the cache. And please deactivate all caching for a while.

If clearing of cache did not work, please do a Testing for Plugin Conflict.

Let us know ow it goes,
Cheers!

#10

Hello Eli,

Your post reply has been withdrawn. We assumed that your issue has been resolved already.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

#11

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