Itqualityassurance
- How do I make my website scroll horizontally?
- Why is there a horizontal scroll on my website?
- How to avoid horizontal scroll on mobile web with responsive web design?
How do I make my website scroll horizontally?
Horizontal scrolling can be achieved by clicking and dragging a horizontal scroll bar, swiping sideways on a desktop trackpad or trackpad mouse, pressing left and right arrow keys, or swiping sideways with one's finger on a touchscreen.
Why is there a horizontal scroll on my website?
An overflow issue occurs when a horizontal scrollbar unintentionally appears on a web page, allowing the user to scroll horizontally. It can be caused by different factors. It could occur because of unexpectedly wide content or a fixed-width element that is wider than the viewport.
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.
