A user encountered an issue where YouTube/Vimeo videos embedded in Shopify’s Dawn theme display correctly on desktop but fail to load on mobile devices, showing only an empty box when the thumbnail is clicked.
Initial troubleshooting:
One responder suggested the video might be loading slowly due to file size, but the original poster clarified they were using an embedded URL (Vimeo), which shouldn’t cause loading delays.
Resolution:
The user discovered this is a bug in the Dawn theme itself, confirmed by testing the official Dawn demo site where the video section similarly fails on mobile.
They created a workaround by building custom HTML/CSS/JavaScript code in a “custom-liquid” section that displays a thumbnail with a play button overlay, then loads the YouTube iframe on click.
The custom code snippet was shared for others experiencing the same issue.
Status: The original issue remains unresolved in the Dawn theme, but a working custom solution has been implemented. Another user has requested similar assistance for their site.
Summarized with AI on November 3.
AI used: claude-sonnet-4-5-20250929.
Hi! I’m working on a new store using the DAWN theme.
I’ve created a standard “video” section. It works great on desktop, but on mobile devices the YouTube video isn’t being displayed upon clicking the thumbnail (rather, all I’m seeing is this empty box as shown in the screenshot below). Please advise!
I saw that the video is still working normally, but it will only show up after 1-2 minutes. I suggest using a shorter and lighter video. This video is quite heavy so it will load a little slow
In case anyone ever runs into this problem: I didn’t find an immediate solution to this issue. I checked the “Dawn” demo site and I was surprised to learn that I ran into the same bug. The video section simply doesn’t work on mobile devices. That’s why opted to create the code from scratch. I simply added it to a “custom-liquid” section. Here it is: