Mobile view shows unintended horizontal scrolling on initial load, distorting layout; request is to keep the screen fixed and allow only vertical scrolling. The site in question is Goldami.com.au, with an offer to pay for a working fix.
Suggested fix: add a CSS rule to the bottom of base.css targeting a specific Shopify section ID: “#shopify-section-template–18565661163821__24540461-aa8c-4def-a3ec-382697fe0f62 { max-width: 100%; }”. This aims to prevent that section from exceeding the viewport width and causing horizontal overflow.
Explanation: CSS (Cascading Style Sheets) controls layout; setting max-width: 100% on a wide element can stop it from extending beyond the screen on mobile. The Shopify section ID references a particular content block rendered by the theme.
Status: No confirmation of results yet; discussion remains open. Action item: implement the CSS change and test mobile scrolling behavior. Note: the code snippet is central to the proposed solution.
I need my mobile site to be fixed and just to scroll vertically. How can I keep the screen in a fixed position? Now when the site initially loads, it allows me to scroll somewhat horizontally, distorting the view and look of the site.
Site is: Goldami.com.au
Will pay for the rigth answer. Thank you
Hi @Ellocopepe you can try to add this CSS code at the bottom of your base.css file and check again
#shopify-section-template--18565661163821__24540461-aa8c-4def-a3ec-382697fe0f62 {
max-width: 100%;
}