Shopify themes, liquid, logos, and UX
I want to use different images on slider for mobile and desktop. I am using the Theme "Dawn 12.0.0". now it is showing the same image on mobile and desktop and there is no option to upload different mobile images. kindly help me resolve this
Hi @Olefia
You can add two separate Slideshow sections and then add those codes to make them appear separate for mobile and desktop.
Add this code to Custom CSS code of the section that you want to hide on the mobile.
@media (max-width: 749px) { slideshow-component { display: none !important; } }
Add this code to the Slideshow section you want to hide on the desktop.
@media (min-width: 768px) { slideshow-component { display: none; } }
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
I need this option
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025