Problem with the “Hide when scrolling down” feature on mobile

I’m having a problem with the “Hide when scrolling down” feature, which doesn’t seem to work on mobile devices. I’ve enabled this option for both desktop and mobile versions, but the expected behavior only appears on desktop.

Could you let me know if other users have encountered this problem and how I might solve it? I’m open to any suggestions or additional steps I can try.

Thank you very much for your assistance.

Hi laportemario77,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

You’ll find all the information you need in the private area.
Thank you very much.

Hi laportemario77,

Thanks for details.

Please double check.

Regards,

No, it still doesn’t work. And now there’s no shadow on the header.

Please note that I’m using an iPhone 14 Pro Max.

Hi laportemario77,

Thanks for details.

Please disable Make it sticky option, please double check.

Regards,

[laportemario77]

Hello, no, it still doesn’t work as expected.

The expected behavior is as follows, whether on computer or mobile:

– when scrolling down I want to hide the header

– as soon as I scroll up, I want the header to reappear

• This reply was modified 6 months, 1 week ago by laportemario77.

Hi laportemario77,

It worked perfectly on my end, please double check https://go.screenpal.com/watch/cZ1TjPV8Xbk

Regards,

As I said in my first post, it works fine on the computer, it’s on mobile that it doesn’t work.
The header is still displayed even when I scroll down.

Hi laportemario77,

Could you please record a video demonstrating issue? This will help our developers better understand the problem and find a suitable solution.

Kind Regards

Here’s the video that shows that when I scroll down, the header doesn’t hide.

Attachments:

You must be logged in to view attached files.

Hi laportemario77,

Thanks for the video.

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.browser-Safari .whb-scroll-stick.whb-scroll-down .whb-main-header {
	transform: translateY(-100%) translateZ(0);
}

Regards,

Thank you, it works perfectly.

Hi laportemario77,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts