How can I improve the quality of slideshow images on desktop view?

Store Design

Topic summary

A user is experiencing image quality issues with their slideshow—images display well on mobile but appear cropped and lose quality on desktop view.

Proposed Solutions:

  • Initial CSS fix suggested using background-size: 100% 100% in the theme.css.liquid file
  • When stretching became an issue, a media query targeting desktop screens (min-width: 769px) with height: 200vh was proposed

Current Status:

  • The user reports the solution works but causes unwanted stretching (video example provided: vimeo.com/581611734)
  • The second code snippet didn’t work and also affected collection images
  • Discussion appears ongoing with the developer checking if the issue is resolved

Additional Note:
A separate user (HumaColombia) joined asking a related question in Spanish about banner images not adjusting properly to mobile view size, seeking configuration help.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
9

Hola, una pregunta.

Lo que pasa es que en mi pagina de inicio tengo una presentacion de diapositivas, coloco una imagen como Banner pero al mirar la version mobile, la imagen no se ajusta a su tamaño y me gustaria saber si hay alguna manera de poder configurar para poder ajustar esa imagen a la version mobile.

te agradezco si me ayudas.