I’m using dawn theme in that there is a horizontal scroll in website, I’ll attach the reference image and website link .Please help me to overcome the issue.
Website : https://the-rugged.com/
password: rugged
Topic summary
A user encountered a horizontal scroll issue on their Shopify store using the Dawn theme, causing unwanted side-to-side scrolling on pages.
Problem:
- Horizontal overflow appearing across the website
- Affecting overall user experience and layout
Solution Provided:
- Add CSS code to the
base.cssfile to hide horizontal overflow - Navigate to: Shopify Admin → Online Store → Edit Code → base.css
- Insert
body { overflow-x: hidden !important; }at the end of the file
Status:
- Solution appears to have resolved the issue based on provided screenshot results
- The fix uses CSS to prevent horizontal scrolling at the body level
1 Like
In order to fix the overflow issue you need to paste the following code in the end of base.css file.
Here is how you can find the base.css file. Go to Shopify Admin >> Online Store >> Edit Code >> base.css
body {
overflow-x: hidden !important;
}
Results:
2 Likes
I’m glad you found it helpful!
If this solution added value for you, consider supporting my work by Buying me a Coffee.
Your support helps me continue creating useful solutions for Shopify merchants like you. 