- Is horizontal or vertical scrolling better?
- Why is there horizontal scroll on mobile?
- Is horizontal scroll accessible?
- How to avoid horizontal scroll on mobile web with responsive web design?
Is horizontal or vertical scrolling better?
Horizontal scrolling is a good option for design portfolios and photography sites where users need to go through multiple images quickly and easily. Navigating vertically in these situations is chaotic and puts a lot of strain on the user.
Why is there horizontal scroll on mobile?
The mobile horizontal scrolling has been caused by setting a high fixed / minimum width for an element. Set elements to "auto", or just reduce the width on mobile devices.
Is horizontal scroll accessible?
It presents challenges for accessibility.
A page element with both horizontal and vertical scrolling can disorient, and is difficult for people with motor impairments to use.
How to avoid horizontal scroll on mobile web with responsive web design?
Check all the paddings. If you add padding to something with width set to 100% it will go outside the parent. Also, use a CSS Reset. Although the fact that something is overflowing indicates an error in your responsive design and you should try and fix it instead to prevent something not being visible to a mobile user.