Different Image Size On Desktop And Mobile

Store Design
1

Hi, is it possible to have different size pictures on mobile and pc? Because on mobile phone it doesn’t show picture as I want to, and it’s too big.

2

Yes of course. Here is an example of the code that needs to be added to theme.css.liquid (theme.css)

@media only screen and (max-width: 768px) {
  .hero__image-wrapper {
    height: 58%;
  }
}

this example may not work for you, since I do not know what topic you are using and without the address of your site, it is hard to say that it specifically worked for you.

3
  1. I can send you the URL of my site if you want.