Hey, Hope you are well. Recently I insert some code in my store. But now slider image not showing in mobile view.
Store URL : www.kayashreeayurveda.in
Thanks in Advance
Topic summary
A Shopify store owner is experiencing an issue where slider images are not displaying correctly in mobile view after inserting custom code. The problem specifically relates to implementing a responsive image banner where different images should appear on desktop versus mobile devices.
Attempted Solution:
A community member suggested adding specific markup code to the theme.liquid file (placed before the </head> tag) by navigating to: Online Store → Themes → Edit Theme → Layout.
Current Status:
The suggested fix did not resolve the issue. Instead of showing only the designated mobile image, both desktop and mobile images are now displaying simultaneously on mobile devices. The issue remains unresolved, and the store owner has shared an attachment (likely a screenshot) to illustrate the problem.
Please go to
- Online store
- Themes → Edit theme
- Layout
- theme.liquid and paste this code before
Thank you @Hardik29418 for reply, Actually insert a code for image banner. Where first image show on only desktop & second image show on only mobile. If I used your suggested code then they show both pictures in mobile. See the Attachment
