Image slideshow

Store Design
, , ,

Topic summary

A user is experiencing issues with image slideshow banner sizing across different devices:

The Problem:

  • Medium-sized images display correctly on mobile
  • The same images require large size settings for proper display on desktop
  • Seeking a way to adjust slideshow settings independently for mobile and web versions

Proposed Solution:
Create two separate slideshow sections—one optimized for mobile, another for desktop—then use custom CSS code in each section to:

  • Hide the mobile section on desktop devices
  • Hide the desktop section on mobile devices

Status: The discussion remains open, with one community member requesting the store URL for further troubleshooting assistance.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Is their any way to adjust the mobile version and web version of image slide show banner? I find my image on my phone version is perfect at medium size but on the website it needs the large version …

1 Like
2

Hi, @JGBowie

Could you share your store address with me?

3

Hi @JGBowie

You can create two Slideshow sections: one for mobile and another for desktop. Then, add custom CSS code to the Custom CSS of each section to make the mobile section disappear on desktop and vice versa.