HI @hatkar ,
Request you to refer the below video.
Topic summary
A Shopify store owner seeks to display different images in the Dawn theme’s slideshow section based on device type (mobile vs desktop), preferably without using CSS media queries.
Proposed Solution:
A PageFly representative provided custom Liquid code to replace in slideshow.liquid, which conditionally renders images based on screen width using media queries in the stylesheet.
Implementation Issues:
- Multiple users report the solution works initially but causes problems with responsive behavior across different screen sizes
- Images appear cropped on larger phone screens and desktops fail to auto-adjust properly
- The code stopped functioning after Dawn theme updated to version 11.0.0
Additional Requests:
- Users ask for updated code compatible with Dawn 11.0.0
- Questions about making slideshow banners clickable
- One user reports persistent image display issues after implementation, with screenshots showing the problem
Current Status:
The discussion remains open with unresolved compatibility and responsive design issues. Video tutorial links were shared for related slideshow customizations, but the core mobile image problem lacks a working solution for newer Dawn versions.