@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.
.scroll-trigger.animate--slide-in {
transform: none !important;
}
Topic summary
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.
1 Like