Slider “Elements” not shown on mobile

Hi there

We’re using on our site (homepage) the build-in slider from Woodmart – not Slider Revolution.

Everything works great on desktop, however, on mobile the navigation “elements” (arrows left/right and pagination) is somehow not showing up. It works in Gutenberg in mobile preview mode. As soon as we open the site on a real mobile device (iOS/Safari) the elements are not shown.

Please kindly find a screenshot in the private section.

Thank you in advance for your help.

Best
-a

Hello,

This happens because the second slider is not initialized on mobile. May I disable the plugins for optimization to test the issue?

Kind Regards

Hi Luke

Many thanks for your swift reply.

Sure, feel free – it’s a “Staging Environment” only.

Many thanks
-a

You need to delay all scripts – https://prnt.sc/0_CVaiU9zNIT and exclude the below list:

jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
helpers
clickOnScrollButton
menuOffsets
menuDropdownsAJAX
offCanvasCartWidget
offCanvasMyAccount
mobileNavigation
menuClickEvent
menuStickyOffsets
cart-fragments
swiper
singleProductGallery
js.cookie
imagesLoaded
ageVerify
magnific-popup

Then clear the site/browser/mobile cache and recheck the issue.

Kind Regards

Awesome, thank you so much.

It solved my issue but now when scrolling down the sticky main navigation is not showing up anymore. Is there any other conflict due to the delayed scripts or any missing exclusions above?

Many thanks
-a

Hello,

We have updated the list of exclusions. Now, clear the cache and recheck the issue.

Thank you for your time.

Kind Regards

Hi Luke

Awesome, you nailed it. Works as expected, thank you!

Cheers,
-a

Hello,

Thank you for confirming that the issue has been resolved with the updated exclusions list. We’re glad to hear that everything is now working as expected. If you have any more questions or need further assistance, feel free to reach out.

Kind regards

[Author]

Posts