I adjusted the Infinite Slider to 115% because I want it to fill the screen.
When I publish my website online, it scrolls sideways.
I don’t want the screen to scroll sideways.
How should I fix this?
I adjusted the Infinite Slider to 115% because I want it to fill the screen.
When I publish my website online, it scrolls sideways.
I don’t want the screen to scroll sideways.
How should I fix this?
I wouldn’t consider myself to be super fluent, but it sounds like you might need to look at slider’s parent container. When I drag an infinite slider into my own pages, it appears to recognize the sizing of its parent. So, if you have to oversize your slider to 115% to go full width, I would imagine the parent container is limiting the width via width, padding or margin, which is forcing you to override things
If that doesn’t end up being the case, I’d consider nesting the slider in a container, and setting that container to 100% with overflow hidden so that the page reads the container’s width and not that 115% slider.
I adjusted both the container and section to 100%, but the issue still hasn’t been fixed.
What should I do?
My recommendation should include setting overflow
of the container to hidden
but I can’t validate that this works as intended on my end since…
I tried to recreate your setup and am unable to reproduce the sideways/horizontal scrolling (see Loom). One way to troubleshoot is to rebuild the container>infinite slider from scratch (this assumes you’ve changed a setting that is causing the horizontal scrolling, and building anew will be the quickest way to reset to defaults).