Change Image mobile version - Debut Theme

Topic summary

Adding a mobile-specific slideshow in the Shopify Debut theme with an image plus CTA (call-to-action) overlay, matching the desktop experience. The goal is a separate mobile image and correctly positioned button.

  • Initial suggestions linked to guides for mobile slideshow images, but they lacked a CTA button. The requester needs the same feature previously implemented on another theme.

  • Code exchange: the requester shared slideshow section code from the new theme and a prior theme where a mobile image field (e.g., slide_image_mobile) and Slick slider settings existed. The helper requested the theme ZIP and then provided an updated slideshow.liquid to add the mobile version.

  • After applying, issues remain: mobile image sizing and CTA/button alignment are incorrect. The requester shared screenshots of current vs. desired layout (images are central to the issue).

  • Actions taken: uploaded mobile portrait images and sent the store preview URL via private message for review.

Status: Ongoing. Awaiting the helper’s review of the live preview and additional images to fix sizing and button positioning on mobile. No final resolution yet.

Summarized with AI on March 5. AI used: gpt-5.

@KetanKumar

yes exactly the first code is from my new theme. There I would like to add the mobile version.

In the second code it is added. You had added it there. I thought you wanted to see it again :blush:

1 Like