Show video on decktop banner and image banner on mobile devices - Reformation theme

Topic summary

A user seeks help displaying different banner content based on device type in the Reformation Shopify theme:

Desired Setup:

  • Desktop: video banner
  • Mobile: image banner (or alternatively, a different video dimension)

Proposed Solution:
A responder confirms this is achievable through CSS customizations by creating two separate sections—one visible only on desktop, another only on mobile. The solution can accommodate either:

  • Video on desktop + static image on mobile
  • Different video dimensions for each device type

The responder offers to provide step-by-step guidance once the user clarifies their exact preference. The discussion remains open pending the user’s response about their preferred approach.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Help Please! how do I show the video on the desktop banner but the image banner on mobile devices?

Or If is possible, Can I show one size of the video banner for the desktop and another size dimension video just for the mobile devices?

Here is the link to the website https://noenddenim.com/

Hi,

Sure you can have a separate image for mobile and to show the video only on desktop. Or if you have another video for mobile you can create two sections one to show only on desktop and the other to only show on mobile.

Let me know what you want exactly so I can walk you through it.