@vic186 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above
Result:
If it helps you, please like and mark it as the solution.
Best Regards 
Topic summary
A user is experiencing excessive white space below the slideshow on mobile devices using the Dawn theme.
Three solutions were provided:
-
CSS modification via base.css: Add display:none styling to
.slideshow__text.banner__box.content-container:emptyat the bottom of the base.css file. -
Media query in theme.liquid: Insert CSS before
</body>in theme.liquid targeting the specific slide ID withdisplay: none !importantfor screens under 767px width. -
CSS in head section: Add similar mobile-specific styling (
.slideshow__text.banner__box.slideshow__text--mobile-center { display: none !important; }) above</head>in theme.liquid.
All solutions involve accessing Online Store → Theme → Edit code and adding custom CSS to hide empty or problematic elements on mobile views. The issue appears related to empty content containers in the slideshow section creating unwanted spacing.
Status: Multiple solutions offered; awaiting confirmation from the original poster on which approach resolved the issue.
1 Like