Slideshow in the Dawn theme displays correctly on desktop but not on mobile; the original poster also wants the slideshow limited to a specific page without removing custom code.
Suggested fix: add a mobile-specific CSS rule to force the banner media to show. Path provided: Online Store → Theme → Edit code → Assets → section-image-banner.css, adding a @media (max-width: 749px) rule that sets .banner__media:first-child to display: block !important (a media query applies styles on small screens).
Complications reported:
Actions taken: responders asked for store URLs to inspect; one review suggested mobile looked better, but the user still wanted a transparent logo.
Status: no consensus fix; the issue appears theme/setup-specific. Key open questions are where to add CSS in themes lacking the referenced file, how to target only one page, and how to resolve tablet/mobile layout bugs. Screenshots are central to understanding the visual issues.
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
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.
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
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.
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 ..
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 )…
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.
oh sorry for that issue can you please share your store url so i will check and let you know proper solution.
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…
Thanks for details can you please share your store url so i will check and give you proper solution
https://joi-handbags.myshopify.com
Thank you!!
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.
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?
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.
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?
