All things Shopify and commerce
Hello, I need help having two different images on my slideshow. 1 for desktop and 1 for mobile. I'm using the Berlin theme
Solved! Go to the solution
This is an accepted solution.
Hi @jjfiguro
Please add this code at the bottom of your base.css file in Online store > Themes > Edit code. This code will hide 1st slideshow section on mobile and 2nd slideshow section in desktop
#shopify-section-template--21473064255764__b71aa9d9-a13f-4722-8851-361751fa2bbc {
display: none;
}
@media (max-width: 767px) {
#shopify-section-template--21473064255764__b71aa9d9-a13f-4722-8851-361751fa2bbc {
display: block !important;
}
#shopify-section-template--21473064255764__slideshow {
display: none !important;
}
}
.
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Hi @jjfiguro
You can create 2 Slideshow sections, one upload images for desktop and one for mobile. After that, please send me your store link so I can provide the code to hide mobile slideshow on desktop, hide desktop slideshow on mobile.
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
This is an accepted solution.
Hi @jjfiguro
Please add this code at the bottom of your base.css file in Online store > Themes > Edit code. This code will hide 1st slideshow section on mobile and 2nd slideshow section in desktop
#shopify-section-template--21473064255764__b71aa9d9-a13f-4722-8851-361751fa2bbc {
display: none;
}
@media (max-width: 767px) {
#shopify-section-template--21473064255764__b71aa9d9-a13f-4722-8851-361751fa2bbc {
display: block !important;
}
#shopify-section-template--21473064255764__slideshow {
display: none !important;
}
}
.
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
User | RANK |
---|---|
42 | |
42 | |
32 | |
24 | |
20 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023