Re: show different-different images in slideshow for desktop and mobile

show different-different images in slideshow for desktop and mobile

Ashish_Nigam
Shopify Partner
1 0 1

hello everyone ! how i show different banner images in slideshow for desktop and mobile view in dawn theme 

Replies 2 (2)

WalkYourStyle
Explorer
440 53 78

You can add more slide blocks in the slideshow section.

BSS-TekLabs
Shopify Partner
1940 561 656

- Here is the solution for you @Ashish_Nigam 
- Please follow these steps:

step.png

- 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 .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell