Header on mobile view not Smooth

Hi,
I hope you understand my problem.
on mobile devices the header is not scrolling ‘smooth’ by scrolling down.
I have a video in the private content comparing it with another site with the same style (sticky) header.
I hope you could give me a fix because Its annoying..
Thanks!

Hello,

We have checked the video and your site. The sticky header is working properly in the same way as our demo works https://woodmart.xtemos.com/

The header fixed to the top and there is no animation there.

Best Regards

Yes i know, But it is not smooth.. Like on the video.
very unfortunate that you can not help me further..

Best regards.

Try to add the following code snippet to the Custom CSS area in Theme Settings for mobile devices only

div.whb-main-header {
    position: fixed!important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
		top:0;
}

Thank you so much Artem!
It worked perfectly.

Have a nice day!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts