Solved

Why isn't my slideshow appearing on mobile view?

CalN3matode
Tourist
5 0 1

I have a slide show with 5 images on my home page. It auto rotates and works fine on desktop view, but when I switch it to mobile it disappears (see below). I am using the Dawn theme and it is updated to the newest software. I have tried some code from other inquiries but am new to this and don't know if it didn't work or if i did it wrong. Any ideas?

 

CalN3matode_0-1713397386490.png

 

CalN3matode_1-1713397403566.png

 

Accepted Solution (1)
JasmeetVT14313
Shopify Partner
189 44 51

This is an accepted solution.

@CalN3matode 
The CSS you have added referring the video is conflicting with the slideshow section
Try updating the below line of code (line 491 in below screenshot) in file "section-image-banner.css"

.banner__media:first-child {
  display: none;
}

with

#Banner-template--22538383065388__image_banner .banner__media:first-child{
  display: none;
}

If you find this helpful, please hit Like and if this solves your problem, please Mark it as Solution!

JasmeetVT14313_0-1713440052889.png

 

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Replies 8 (8)

CalN3matode
Tourist
5 0 1

My Website URL is: off--brand.com

Smith212
Visitor
1 0 0

I think this issue is respect to your inside issue and is still you are dealing with a similar issue I would prescribe you to should attempt Best shopify web development company  to determine your issue.

JasmeetVT14313
Shopify Partner
189 44 51

Hi @CalN3matode 
Can you please share your store URL so that I can check and guide you accordingly. If you have made code updates, you can share the details. If you'd like to discuss this more, don't hesitate to send me a PM.

Please hit Like and mark it as a solution if this has helped you.

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
CalN3matode
Tourist
5 0 1

URL: Off--Brand.com

I have added code to make the banner on the home page different for mobile and desktop. Here is a link to the yt video that breaks it down:

https://www.youtube.com/watch?v=9yiu-oIajIA 

JasmeetVT14313
Shopify Partner
189 44 51

Storefront password too please

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
CalN3matode
Tourist
5 0 1

Password: Alexa 1234

There is a space between the word and the numbers

JasmeetVT14313
Shopify Partner
189 44 51

This is an accepted solution.

@CalN3matode 
The CSS you have added referring the video is conflicting with the slideshow section
Try updating the below line of code (line 491 in below screenshot) in file "section-image-banner.css"

.banner__media:first-child {
  display: none;
}

with

#Banner-template--22538383065388__image_banner .banner__media:first-child{
  display: none;
}

If you find this helpful, please hit Like and if this solves your problem, please Mark it as Solution!

JasmeetVT14313_0-1713440052889.png

 

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
CalN3matode
Tourist
5 0 1

Works flawlessly! Thank you very much!