Background video placement issue [PLEASE HELP]

Topic summary

A Shopify store owner is experiencing a layout issue where a background video on their product page appears separated from the product content instead of staying behind it.

Attempted Solution:

  • GemPages support provided CSS/markup code to be added to the theme.liquid file before the closing </body> tag via the theme code editor.

Current Status:

  • The user implemented the suggested code but reports no visible changes to the background positioning.
  • The issue remains unresolved and requires further troubleshooting.

The discussion includes a screenshot showing the separation problem, though the specific technical details of the code solution are partially obscured in the conversation format.

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

On my product page i have a video background, however the background is separated from the products as shown in the photo. How do i make the video background stay behind the products and not separating itself?

SHOP URL: https://c1e46d.myshopify.com/

Hello @suoshie

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

i added that code but i dont see any changes to the positioning of the background?