Seperate the slideshows for mobile and desktop view on resfresh theme

Topic summary

Issue: In the Shopify Refresh theme, the slideshow looks correct on mobile but appears too large on desktop.

Context: The store URL was shared (www.smartsporter.com) for review.

Proposed approach: Create a second slideshow section for desktop with desktop-optimized images. Then adjust the theme code to hide the mobile slideshow on desktop and hide the desktop slideshow on mobile.

Follow-up: The requester asked which specific code needs to be changed; no exact code snippet was provided in-thread.

Resource shared: A YouTube tutorial link was provided demonstrating how to show different content on mobile vs. desktop.

Status: Guidance given but no confirmed resolution. Next steps are to implement dual slideshows with conditional visibility in the theme and/or follow the linked tutorial.

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

Oke thanks, and which code do i have to change?