Need smaller pictures in mobile than on desktop version

Highlighted
New Member
1 0 0

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.

0 Likes
Highlighted
Shopify Partner
31 0 3

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>

 

Matthew Anderson | Shopify Expert | +44 20 3920 8081 |  support@yakety.co.uk |  https://yakety.co.uk | Facebook | Twitter | Instagram
0 Likes