Image banner not showing up on mobile view

Store Design
, , ,
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.