One of our blog posts has a YouTube embed. Looks fine on the web, but it looks terrible on mobile since it won’t resize to screen width. I’ve searched around, but none of the suggestions work. You can see the issue on mobile here bit.ly/3jxK76Y
Topic summary
A user is experiencing an issue where an embedded YouTube video displays correctly on desktop but fails to resize properly on mobile devices, causing display problems.
Proposed Solutions:
- One respondent suggests following a 2021 guide on embedding responsive YouTube videos (link provided to dev.to article)
- Another recommends editing the theme.liquid file by:
- Navigating to Online Store → Actions → Edit code
- Locating the theme.liquid file
- Adding specific CSS/markup code before the closing
</head>tag
Current Status:
The issue remains unresolved. The original poster mentioned trying various solutions found through research without success. No follow-up confirmation on whether the suggested fixes worked.
Hello @RitaCh ,
Greetings from the Store Watchers Support Team! Happy to help you today.
Go to Online Store → Actions → Edit code. Then find theme.liquid.
In your theme.liquid file, please paste the code below before the tag.
Let me know if need further assistance
Regards,
Store Watchers Support Team
1 Like