Slideshow images showing on desktop but not on mobile - DAWN THEME

[narc1s]

I recently added a slideshow to one of my pages, but the images are only showing on desktop. I do have some custom codes, but i dont want any of them deleted. I also want the slideshow on only the page I linked down below, not on every page.

Can you guys help?

website page: https://bit.ly/3CkqGoW

[KetanKumar]

@narc1s 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[JoeyDjia]

Hi there, my site www.imonlylittle.com is not showing the slideshow on the mobile version and the code did not work. It only shows on desktop, can you help?

[PageFly-Richard · Accepted solution]

Hi @narc1s 

I`am Richard Nguyen from PageFly - Advanced Page Builder. I would love to give you some recommendation.

Add this css at the bottom 

Online Store->Theme->Edit code

Assets->section-image-banner.css

@media screen and (max-width: 749px) {

.banner__media:first-child {

display: block !important;

}

}

Best Regards

Richard-pagefly

[Wetoroma33]

Hi, 

I have the same issue. But I do not see "section-image-banner.css" section under asserts in my edit code. I do not see assets  May you help.

[momostores]

i have the same issue here  ,  but I can not Find "section-image-banner.css" section under asserts in my edit code. !!

what to do now ??

here is a link to my website .. https://momo-stores.com/    no password ...

any help please would be appreciated ..

[KetanKumar]

@momostores 

oh sorry for that issue but i can see banner

[momostores]

Thank you for your reply ,

NO , this is on desktop browser emulation ,

but on real mobile phone i get something like that .. in attached photo ... !!

i hope you can help me with that issue  (that black box in background of slider  text )...

[Joi_Johnston]

Hi, I used this code and the slideshow is working but one of my images is now showing double. Could you help please? Thanks so much. 

[KetanKumar]

@Joi_Johnston 

oh sorry for that issue can you please share your store url so i will check and let you know proper solution.

[Joi_Johnston]

Hi! Thank you for your reply! I ran into an issue with the custom liquid code. Is there a way to change it just for the mobile view? Desktop looks great. The mobile looks crazy...

[KetanKumar]

@Joi_Johnston 

Thanks for details can you please share your store url so i will check and give you proper solution

[Joi_Johnston]

https://joi-handbags.myshopify.com

Thank you!!

[KetanKumar]

@Joi_Johnston 

i think its better look in mobile 

[Joi_Johnston]

Thanks for looking at it. I liked the logo having a transparent background. When I looked just now it shows logo covered by the video. 

[Frankfurt]

Update: even stranger - the second half of the slide does appear on tablet view but with a few second delay?   Website is blockyourears.com.au Hi, I’m having a similar issue slideshow works on all size screens but on tablets like iPad once it rotates from first slide only half of slide is visible even when it then goes back to first slide. Any ideas?

[apbecerra]

Hi Richard, I tried your solution on my website and it did not work. I have the same issue, I added a slideshow on the website (www.cletoelinfluencer.com) and looks good on desktop but when I look at it on mobile it cuts of the image.