Hello,
I want slideshow section in dawn with desktop and mobile banner have different - different can use.
please check,
best,
Sohan
Topic summary
Goal: Have different slideshow banners for desktop and mobile in the Shopify Dawn theme.
Proposed approach: Create two separate slideshow sections—one intended for desktop, one for mobile—and control their visibility with CSS media queries.
Technical details: Add custom CSS to the desktop slideshow to hide it on mobile using a max-width 767px media query. Add custom CSS to the mobile slideshow to hide it on desktop using a min-width 990px media query. Media queries are CSS rules that apply only at specified viewport widths, enabling device-specific display.
Clarification: The requester has images prepared for both mobile and desktop; the suggested two-section setup allows assigning each image set to the appropriate section.
Status: Guidance provided; no explicit confirmation of implementation. No conflicting views raised.
Hi @Sohan2198
You can add 2 slideshow sections for your store then
Add this code to Custom CSS of desktop slideshow to hide it on mobile
@media (max-width: 767px) {
.slideshow { display: none !important; }
}
Add this code to mobile slideshow to hide it on desktop
@media (min-width: 990px) {
.slideshow { display: none !important; }
}
hello @Dan-From-Ryviu
actually image for both mobile and desktop.
Because you can add 2 slideshow sections, you can add images for desktop and mobile separately.