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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024