Video not displaying correctly - Dawn theme

I have embedded a video from YouTube and am using the them Dawn. It appears fine when embedding in back end but doesn’t display correctly in the front end. It’s like the size of the video box appears too big for the space. See image attached. Can anyone help?

@CovFK ,

Share the URL…

https://coventryfireworksking.co.uk/products/avatar-16-shot-cake-by-standard-fireworks

Hi CovFK,

A quick and simple way to fix this is to add some CSS to your theme.liquid file.

Make sure you add the CSS right before the tag.

Add the following:


1 Like

Thank you so much this has worked!

Thank you so much. This has worked!

Glad I could help.

Please mark it as an Accepted Solution as it will help others with similar issue :blush:

Hi. I’m hoping you can help with one more

www.coventryfireworksking.co.uk on mobile

  1. How do we ensure the hero banner resizes automatically on mobile view so the sides aren’t cut off and only centre section of the banner shows. Need to make it mobile compatible.

  2. What are the actual dimensions for a banner on our theme that is compatible with all views - desktop/mobile/full screen

I have embedded a video from YouTube and am using the them Dawn. It appears fine when embedding in back end but doesn’t display correctly in the front end. The music plays but there are no images displaying. Tried adding the CSS mentioned above but it didn’t work. Kindly help.