Help! different image for mobile & desktop - slideshow - debut theme

Topic summary

Issue: After adding code from a tutorial to use different slideshow images for desktop and mobile in the Debut theme, the upload options appear but the front-end shows blank/white slides. The slider itself isn’t functioning.

Context: A temporary workaround using separate image sections and CSS (show/hide per device) works only for static headers; it lacks full slideshow features, clickable slide links, and proper CTA placement on mobile. Mobile layout appears misaligned (thin banner with large color block and separate CTA).

Suggestions offered:

  • Use CSS to display one of two images per viewport; duplicate slideshow sections and control visibility, with CSS to position text/buttons.
  • Ensure the slider/JS library required by the tutorial is properly included and compatible with Debut; missing/disabled slider code can cause white slides.
  • Follow video guides demonstrating mobile-only slideshows or implementation steps.
  • Consider custom code assistance to enable different image ratios and full-slide clickthroughs.

Status: No confirmed fix from the original poster; multiple others report the tutorial worked for them. Key next step is verifying the slider library integration and Debut compatibility. Images/screenshots and linked previews are central to understanding the issue.

Summarized with AI on January 9. AI used: gpt-5.

i mean did you check your theme setting