Topic summary
Main issue: Mobile slides/images in the Dawn theme weren’t displaying as desired on phones (screenshots provided).
Key action: A helper requested the store URL and provided a CSS fix to apply in theme.liquid.
Proposed fix: Add a block before with a mobile media query (max-width: 749px) setting .banner–medium.banner–mobile-bottom:not(.banner–adapt) .banner__media to height: 20rem !important.
Implementation steps: Online Store > Theme > Edit code > open theme.liquid > paste the CSS before .
Outcome: The store owner applied the change but initially saw no difference. The helper checked the live site, reported the code is working, and shared a confirming screenshot.
Status: Tentatively resolved per the helper’s verification; awaiting the store owner’s confirmation or any remaining display issues. The central attachment is the CSS snippet and screenshots showing the before/after behavior.
Hello @hypeharborcrew
can you share store URL?
Hello @hypeharborcrew
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Done. But page is still the same
