Liquid, JavaScript, themes, sales channels
Hi all
Please can some one help? I am trying to show this image only on desktop and use different images for Mobile/Tablet. I need to hide the image from Mobile/Tablet and then upload a new image and hide that from Desktop so 2 different images show on Mob/desktop.
Please see screenshot of the image I am referring to.
Preview link: https://www.fluxundies.com/?_ab=0&_fd=0&_sc=1
Thanks,
Paige
I have figured out how to hide it on mobile! Now i just need help adding a new section that doesn't display on Desktop! Only shows on Mobile / Tablet?
Hi @pkf92,
- You can try to use 2 sections has class like this
<div class=“name-of-your-section section—mobile”></div>
<div class=“name-of-your-section section—desktop”></div>
So you can use this style like this:
@media screen and (min-width: 1024px) {
.section—mobile {
display: none;
}
}
@media screen and (max-width: 1023px) {
.section—desktop {
display: none;
}
}
Hope this helps!
Which section exactly would you like to show/hide? I'd need to see it live (or know its CSS selector) to provide further assistance. Currently the screenshot you've presented is not visible on the website.
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