Hi Julianna,
I’m trying to do the same thing for my shopify site. I clicked on the link you provided and noticed the video is in the header now. What was your solution to this?
Thank you,
Ashton
Topic summary
The original poster wants to add a looping video header to their homepage while keeping image headers on other pages, using the Live theme which doesn’t natively support this feature.
Key Solutions Identified:
- Custom code implementation (requires developer expertise or hiring a Shopify Expert)
- Switching to a paid theme with built-in video header support (Motion theme mentioned as one option)
- Using third-party apps like “Video Background App”
- Custom CSS/HTML coding (CodePen example shared: https://codepen.io/adrianparr/pen/QxMvdj)
Common Challenges:
- Responsive design issues, particularly on mobile devices
- Video sizing and positioning problems
- Limited native theme support for video headers
Discussion Status:
Multiple users joined seeking the same solution. The original poster resolved their issue by purchasing a paid theme with video header capabilities. Several participants requested code examples and implementation guidance, with ongoing questions about placement in theme.liquid files and responsive behavior. A YouTube tutorial and article link were shared near the end, but the thread remains active with unresolved technical questions from newer participants.
1 Like