Webflow's Native Slider is causing issues on mobile

Community resources General
1

I’ve run into an issue that i have encountered after introducing Webflows native slider to a page on mobile. When I hide this section, everything is fine - https://www.themarketingmix.agency/, but if I keep it visible - https://the-marketing-mix.webflow.io/. The page first scroll through is not loading most content and glitches, when i reach the bottom and scroll up most of it has appeared again, although not all. I have only viewed on two android phones and both have the same issue and I just can’t work out why.

I have specified a min height, it’s not a flexbox, tried a lot of troubleshooting out there but to no avail, so any help is appreciated!

Thanks

2

Hi there,

To optimize your slider for mobile devices:

The slider width should be set to 100% on mobile breakpoints, while maintaining 33.33% for desktop when displaying multiple slides. For any images within your slider, navigate to their settings and enable Eager: loads with page. This prevents potential loading and scrolling issues that can occur with lazy-loaded images. Additionally, removing unused styles from your site will improve overall performance and slider functionality.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.