Image banner not showing up on mobile view

Store Design
, , ,

Topic summary

Slideshow image banners failed to display on mobile, showing white boxes with text, while desktop worked normally. The store owner had tried prior suggestions without success and shared a preview link.

Proposed fix: add a mobile-specific CSS rule in the theme’s main CSS file (base.css/style.css/theme.css). Code: a media query for screens up to 749px setting “.slideshow__media.banner__media.media:first-child { display: block; }”. This targets the mobile breakpoint so the slideshow media shows instead of being hidden.

Outcome: Applying the CSS resolved the issue for the original poster, confirmed with a result screenshot.

Follow-up: Another user reported a similar problem (video background shows on mobile, but two images below do not). They asked if the same code works universally. No confirmation was provided. The helper noted a page error when attempting to access that user’s site, so their case remains unresolved.

Status: Original issue resolved; secondary case open pending site access and verification. Code snippet is central to the fix.

Summarized with AI on December 27. AI used: gpt-5.
1

Hi, I was customizing my website. Suddenly, slideshow image banners are not showing up in mobile view and they are just white boxes with text.

I know that there are lots of same questions about it before, I tried all of them but still not working.

Can anyone help me?

here is my link : PETime (1b4424-2.myshopify.com)

Thank you,

1 Like
2

Hi @SHK

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media screen and (max-width: 749px) {
.slideshow__media.banner__media.media:first-child {
    display: block;
}
}
1 Like
3

I literally struggled with it for 3 hours yesterday, But it finally works! thank you so much :slightly_smiling_face:

1 Like
4

I am glad it works :blush:

5

Hi, i have the exact same problem for my site > loudi.nl The video background works on mobile view but if you scroll down you wont see the 2 images but they are able to see on desktop. Does that code work on every website?

6

Did you solve it?

7

Hi @Loudi

Ive got page error on the share website.