Hi guys, I run into some unwanted horizontal scrolling on mobile and I can’t say which section is causing it. Would really appreciate your help!
https://preview.webflow.com/preview/result-designers-agency?utm_medium=preview_link&utm_source=dashboard&utm_content=result-designers-agency&preview=55546e447fb5ed6d16d474fd7883dbbf&mode=preview
Please Add a live
URL
Your issue related to fixed-width
of elements (You have made this mistake more than once).
Next (Not related to your issue) - avoid this idea (Do not set fixed height to elements with text ==> could cause a lot of overflow/overlap issues). If you want use min-height
(Not height
).
Best way to find horizontal scroll is to give your body a 2px, black or any non blending colour. The element causing scroll will instantly pop out.
Other things you could potentially do is to give “overflow hidden” to sections / containers, set max-width:100% for your sections / containers.
Thanks for your input! I removed the fix width of the div block that had 340px width, however, the problem still persists. Check https://resultdesigners.com/
Thanks for your input, Sachin!
However, even after I added the container, the problem still persists, check https://resultdesigners.com/
Again like I said you do this “mistake” more than one time (You should check all of your page elements).
change div-block-302
from width: 550px
to auto
and check again.
Not related - it is better to use more semantic class names (Not “div-block-77” and “152”).
Hey, thank you so much man, it worked now!
Blessings
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.