How can I adjust image height in mobile view using the Pipeline theme?

Store Design
1

Hi,

On mobile view the height of the image is too large. How can I reduce the height of the image or even upload a square version of the image?

I’m using the Pipeline theme.

Thanks

2

Hey,

You can fix it with some css.

/* Reduce the height of the image on mobile view */
@media screen and (max-width: 767px) {
  .your-image-selector {
    max-height: 300px; /* Adjust the height value as needed */
    width: auto;
  }
}

do you want to display separate images on desktop and mobile?

1 Like