Seperate Image for Desktop & Mobile (Split Theme)

Topic summary

Main issue: A store using the Shopify Split theme wants to display different banner images for desktop and mobile within the existing “Image” section, which currently lacks separate options.

Request: Code or implementation guidance to add a mobile-specific and desktop-specific image capability to the Image section.

Context: Store Design focus with CSS/customization needs for a landing page. The site link (wholesomeboy.co) was provided for reference.

Response so far: One reply confirms it’s possible and suggests two approaches:

  • Create a new section that includes separate desktop and mobile image fields.
  • Edit the existing Image section code to add these fields and logic.

Current status: No code snippets, examples, or step-by-step instructions were provided. No decision or solution implemented yet; the request remains open and requires concrete code or detailed guidance.

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

Hey guys!

I am currently using the Split Theme. For my banners, I am using the “Image” section. However, it doesn’t have an option for mobile version and desktop version. So, I would like to add this feature to the Image section.

Let me know the code needed to accomplish this.

Website: Wholesome Boy

@WholesomeBoy , This can be done by creating a new section that allow you to do that, or editing the image section code.