Store using Shopify’s Dawn theme reports banner and slider images display correctly on desktop but do not resize to fit mobile screens. Previous forum-sourced code changes were applied but had no effect.
A screenshot and the applied code were referenced; these artifacts are central to diagnosing the problem.
A reply recommends creating two distinct banners: one optimized for desktop and one for mobile. Use CSS to conditionally show or hide each version based on device/screen size.
No confirmation yet that this approach was implemented or resolves the issue. The root cause of the failed resizing and why prior code didn’t work remains unidentified.
Discussion remains open; next step is to try the dual-banner method and report results.
Hi
we are using Dawn theme from shopify and having issues that the banners and sliders that design look good on desktop but when on mobile they do not resize to Fit the screen.
We applied some codes as per the forums but non of them will work
This is the code we applied can anyone help us figure out what is wrong and why it’s not working
@Fineindiagrocer - better is to create 2 separate banners, one for desk and one for mobile. Then using css you can show/hide the banner you want
