mobile video background [URGENT]

Shopify Discussion

Topic summary

  • Issue: The store’s video background displays correctly on desktop but does not fit well on mobile screens.

  • Request: Keep the existing desktop video background and add separate, mobile-optimized video backgrounds that show only on mobile devices.

  • Scope/Pages: Apply mobile-only video backgrounds to two specific pages, each with its own video:
    • Products page (collections/all): https://c1e46d.myshopify.com/collections/all
    • Opening page (homepage): https://c1e46d.myshopify.com/

  • Constraints: Desktop background remains unchanged; mobile versions should replace it only on mobile for the two listed pages.

  • Status: The poster is seeking guidance on how to implement this in Shopify and marks the request as urgent. No solutions or action steps have been provided yet; the discussion remains open.

Summarized with AI on January 30. AI used: gpt-5.
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/

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).