Using the infiniti scroll css and marquee…
…everything is working perfectly except portrait mobile browser - just will not display / work (but it works just fine when i turn the mobile longways to landscape lol) and have wasted a day trying all the work-arounds I can think of, but to no avail. Anyone have a fix?
Here’s the site Read-Only:
Hi there,
Horizontal scroll interactions don’t function as expected on mobile devices since they only work with vertical scrolling. This is particularly notable on iOS devices, where Apple restricts script execution during browser scrolling.
To create a better mobile experience while maintaining the horizontal scroll effect on desktop, you can deselect mobile devices in the Interactions panel for the “Track” Section. Then, optimize the layout for vertical scrolling on tablets and smaller devices by adjusting several settings: change the “Track” Section height to Auto, set the “Camera” Div block width and height to Auto, and modify the “Frame” Div block Flexbox direction from Horizontal to Vertical.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hey @BarnBoy ,
You can reset the width, height, min-height and max-width properties that has been set on mobile breakpoint (as shown in the screenshot) and keep it as it is set for other breakpoints.
Repeat the same for all 4 images and the marquee should work on mobile browsers as well. Hope this helps.
You are a f-stop’g genius. Instant fix, so happy :)))
