Hi, I seek the same solution, and it worked, however, the active button (shop now, example) disappeared from mobile version. Is it possible to solve it ?
Topic summary
White space appears beneath a lower-page slideshow on mobile (Refresh theme). Original poster couldn’t find theme.liquid, shared site (sluggsounds.com) and briefly unlocked access; an image showed the gap.
Suggested fixes (add to assets/base.css):
- Mobile-only hide: a media query (max-width: 749px) to hide .banner__content inside .banner–mobile-bottom:not(.banner–stacked).
- Mobile padding fix: a media query (max-width: 749px) setting padding: 0 on .banner–mobile-bottom .slideshow__text.banner__box.
Outcome: The original poster confirmed the CSS change resolved the gap (the padding adjustment appears to be the working fix).
New issues and open questions:
- Another participant reports the fixes didn’t work for their store (no details provided).
- A user notes the solution removed the mobile “Shop now” button (CTA) and asks how to keep the button while removing the white space.
Status: Resolved for the original poster, but unresolved for others. Further guidance is needed to preserve the CTA on mobile or to provide an alternative fix when the above CSS does not apply.