Image slideshow mobile moving on scroll and showing white space

Store Design
, , , ,

Topic summary

A user reports an issue with the Dawn theme 15.2 where the image slideshow on mobile displays white space and moves unexpectedly during scrolling. The problem is visible on their site (shoplile.com) and demonstrated through a screenshot.

Responses:

  • Two users request the store URL and password (if applicable) to investigate further
  • One user provides a CSS solution:
    • Navigate to theme’s Edit code
    • Locate base.css or section-image-banner.css
    • Add media query code targeting mobile screens (max-width: 768px) to fix banner content positioning by setting bottom: 0px !important
    • Includes a screenshot showing the expected result

Status: A potential fix has been offered but not yet confirmed as implemented or tested by the original poster.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m using dawn theme 15.2.

I need the image slideshow on mobile display not to move and show white space when people scroll. Please see what I’m referring to below (www.shoplile.com) on mobile:

Tellmemore112_0-1737776945468.jpeg
Tellmemore112_0-1737776945468.jpeg185×400 13.1 KB

Thanks in Advance.

1 Like
2

Hi @Tellmemore112 ,

Can you share your store URL so that I can check?

Daisy

3

Hello @Tellmemore112
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

4

Hi Tellmemore112

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css or section-image-banner.css and add this code at the end of the file

@media screen and (max-width: 768px) {
    .banner .banner__content {
        bottom: 0px !important;
    }
}

Result:

LizHoang_0-1737779446773.png
LizHoang_0-1737779446773.png536×309 79.7 KB

Best,
Liz