Issue: On a Dawn 15.1.0 Shopify theme, two vertical scroll bars appeared. The store owner temporarily hid them by adding CSS to #MainContent (overflow-x/y: hidden !important), but this caused the CSS text to render under the footer and moving it reintroduced the scroll bars.
Key fixes proposed:
Remove the custom #MainContent overflow code from theme.liquid and any related “hidden !important” overrides. Instructions referenced specific lines/screenshots in theme.liquid and base.css.
Optional adjustment: Add in base.css a rule to neutralize slide-in transforms that can trigger overflow: .scroll-trigger.animate–slide-in { transform: none !important; }.
References: Before/after screenshots and code locations were provided via links and image attachments, guiding exactly what to delete.
Outcome: After removing the custom overflow/hidden code (and aligning base.css), the double scrollbar issue was resolved without footer artifacts. The original poster confirmed the fix worked seamlessly.
Status: Resolved; no open questions.
Summarized with AI on December 15.
AI used: gpt-5.
When I add this content to the bottom of theme.liquid the issue is resolved but now the code is displayed underneath my footer. Increasing my footer margin to cover the code or putting the lines of code anywhere else in the theme.liquid (within the body or ) re-introduces the two scroll bar issue.
@N_ASP I have checked your code. You can remove the code for #MainContent from your theme and try adding code below to the bottom of your base.css file.
