App reviews, troubleshooting, and recommendations
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
hello everyone ! how i show different banner images in slideshow for desktop and mobile view in dawn theme
You can add more slide blocks in the slideshow section.
- Here is the solution for you @Ashish_Nigam
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
@media only screen and (max-width: 600px) {
.image-desktop {
display: none !important
}
}
@media only screen and (min-width: 600px) {
.image-mobile{
display: none !important
}
}
- You can add 2 image banners and add the following code to display different image banners for mobile and desktop
- - Where "image-desktop" is the class of the image banner you want to display on the desktop. And "image-banner" is the class of the image banner you want to display on the banner.
- To be able to do it correctly, you can add it to your store. I will check the correct class for you.
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page