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):
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:
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.
I’m having an issue where there is a white space under my slideshow (only visible on mobile).
I’ve tried some of the solutions listed to deal with the issue, but when I got to assets there is no theme.liquid section to choose from. I tried adding the code under the theme section but still no luck. Please help
thank you 
no not the first slideshow. slideshow towards the bottom
@sluggsounds Do you mind if you share the product URL. Also if it is password protected then share the pass. If you have issue to share the pass , you can share the pass in my inbox.
its unlocked for now until somebody can help me solve this issue
@sluggsounds add the code
From your Admin panel, click Online Store > Themes >Actions > Edit code
find and open the base.css file
Paste the code below at the very bottom of the file.
@media screen and (max-width: 749px){
.banner--mobile-bottom:not(.banner--stacked) .banner__content {
display: none !important;
}
}
Please add below css code in bottom of assets/base.css file
@media screen and (max-width: 749px)
.banner–mobile-bottom .slideshow__text.banner__box {
padding: 0;
}
Thank you.
That worked. Thank you so much
That worked. Thank you so much
i have the same issue however this did not work
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 ?