Liquid, JavaScript, themes, sales channels
Hey, how can I make gifs work on mobile version of my site?
im using the "Showcase" theme, I have gifs on my home page and want it to work on mobile as well. thanks
You can use this code:
@media (max-width: 767px) {
.template-index .product-block .image__second {
opacity: 1;
}
}
Hope that helps you.
hey, where exactly do I insert it?
At the end of style.css file
thank you! does that mean that the main picture of a product \ collection must be a gif right? it can't be the second picture (like on the desktop with the hover effect)
The style that we sent you will always show gifs on mobile phones. Previously, a picture was shown, and on the desktop, when you hover, a gif is shown. But it didn't work on your mobile phone. Now you will always show GIFs on your mobile phone.
if you can see on my site https://century8mm.com
down on the home page you can see a product that changes to a gif
but on the mobile version it doesn't change to the gif (second product picture)
i cant find that "style.css" in the code file
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024