Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Hello dear community,
I need help for my slideshows on my site. The pictures need to be smaller on the mobile site. I also tried changes in the theme.scss.liquid but it didn't work.
My url is www.pestsystems.de
Thank you.
Hi Toni,
From what you have said it sounds like you would need to use the "picture" HTML element to display the images:
<picture>
<source
media="(min-width: 650px)"
srcset="images/img1.png">
<source
media="(min-width: 465px)"
srcset="images/img2.png">
<img src="images/img-default.png"
alt="a cute kitten">
</picture>