Video background for MOBILE ONLY [please help]

Shopify Discussion

Topic summary

A Shopify store owner is experiencing issues with a video background that displays properly on desktop but doesn’t fit well on mobile devices.

Current Problem:

  • Video background works fine on desktop
  • Same video doesn’t display properly on mobile screens

Desired Solution:

  • Implement separate video backgrounds for desktop and mobile
  • Keep the existing desktop video background
  • Add a new, mobile-optimized video background that only displays on mobile devices
  • Apply this specifically to the mobile products page and opening page

The user is seeking technical guidance on how to implement device-specific video backgrounds in Shopify, allowing different videos to display based on screen size.

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

On my shopify page i have a video background, it looks fine on desktop however it dosent fit nicely on mobile. Is there a way i can add a video background that shows on mobile version only? If so how do i do this? I would like the video background to show only on the mobile products page and opening page. Here are the links for both pages (they are different pages but look the same)-

PRODUCTS PAGE: https://c1e46d.myshopify.com/collections/all

OPENING PAGE: https://c1e46d.myshopify.com/

2

Just to be more clear, two different video backgrounds. The current desktop background to keep, and a new video background for mobile (fits better on mobile screen).