Pro header section scroll jumps

Support
#1

hi, can check my site ? when scrolling there is a small jumps on top, not scroll smoother

No scroll jumps on mobile navigation. issue is only on desktop. thanks

thanks

#3

Hello Razick,

Thanks for writing in!

Please edit your custom header and make sure that the margin is keep while the trigger offset is set to 0.

Hope this helps.

#4

Hi, I already did it. Those settings is correct, clear cache and another computer browser. Other solutions please

for mobile Navbar if set keep margin and trigger offset to zero then its jumps, after keep margin unchecked then no jumps (only mobile Navbar)

Thanks

#5

Hello Razick,

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:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

#7

Hi Razick,

I went to your website and set the Offset option of the sticky bar to:

The value is a rough estimate of the current header height. So the sticky mode is triggered when the browser window is scrolled exactly at the same height of the header bar and that is why the jumping effect is not there anymore.

Thank you.

#8

thanks, I checked site cache cleared and on other computer browser also, still I’m not seeing smooth scroll. still seems like jumps. is there any other way to fix? thanks for support

when scrolling once its hide and re appearing. I’m doing correct way to get sticky navigation bar on desktop and mobile or is there any better way to do this?

seems like absolute setting work but page container content header cutting

thanks for always supports

#9

Hey Razick,

I checked your site and the header is not jumping (see screencast in the secure note). It looks like you have changed your setup as I don’t see the setting set by Christopher.

Would you mind giving us a screencast?

Thanks.

#10

yes I tried on different computer browser not worked, Christopher’s set was good but when scroll bar hide and re appearing. then I set to absolute work perfect but all page header section is cutting off. possible to use with absolute setting? its looks nice sticky bar without any issues. but page header section is cutting off. thanks

#11

hi, however add another dummy transparent bar is fixing perfectly what I need, now 4 bars for desktop and mobile. is it also correct way to fix it? or get any issues on performance or any ? thanks

#12

Hey Razick,

I would have recommended the same solution. There’s no problem with that except maybe if your menus are covered invisibly by the transparent bar. In which case, you need to ensure that the Z Index of the bar with menu is higher than the transparent bar.

1 Like
#13

exactly already I was in that issue and wait for someone’s reply. after your z index values its fixed what I expected. thank you so much christian_y, all perfect now. great support. happy new year :smile:

#14

You’re welcome!
We’re glad that @Christian were able to finally resolve the issue.

Happy New Year too!

#17

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

#18