How can I automatically resize slideshow images?

Topic summary

A user is experiencing issues with slideshow banner images not automatically resizing when the slide height is reduced to small/mobile dimensions. The images aren’t adapting properly to different screen sizes.

Current limitation identified:

  • The theme doesn’t support setting different images for desktop versus mobile views
  • The same image is used across all screen sizes in full-screen mode

Proposed solution:

  • Add CSS code to the base.css file to hide the slideshow text wrapper: .slideshow .slideshow__text-wrapper { display: none; }
  • This would remove extra space below the image

Status: The discussion remains open with only a partial CSS workaround suggested. No complete solution for automatic image resizing across different viewport sizes has been provided yet.

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

good day I have a problem regarding the slide height where when I make it into small the image in the slideshow banner is not autoresizing. Also, I don’t know the exact dimension when the slideshow banner side height is in small mode.

here the link: testing (makerlab-electronics-ph.myshopify.com)

Hi @niceeee

theme dont have option to set diffrent image for desktop adn mobile so it will fix same image in full screen.

for extra space below image add this code in base.css file at bottom

.slideshow .slideshow__text-wrapper { display: none; }