Shopify themes, liquid, logos, and UX
Hi, I have entered two images for desktop and mobile version on the frontpages's banner, for desktop it all worked well, but for mobile the image is cut and I don't know how to make all the image to be displayed ( there is two images for desktop and other two for mobile version, they have different sizes for each version)
In case someone can help me, here is the link: https://shoptarz.com/
Thanks in advance
Hi @LuizaSMC23
You can add 2 slide sections, then add code to hide mobile's section on desktop and vice versa
Add this code to Custom CSS of desktop's section
@media (max-width: 767px) {
.slide { display: none; }
}
Mobile's section
@media (min-width: 768px) {
.slide { 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.
Hello! I paste the code but the image is still cut, please see below on the first image how I see on live and on the second image how I see on shopify edit page, the image should be appearing in one piece, I think it would just adjust the height to automatic according to the height of the image but I don't how to code it
How I see on shopify:
Check if your slide has this option
- 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.
Hello!
I don't have this option, only the option "disable full width", when this option is marked the slide appears with white spaces on both sides for desktop and mobile version for any slide size, just like this:
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