Video using widget is not responsive

Within Page Builder, I added in the Sydney: Video widget to put a YouTube video on my page. I can’t figure out how to make the video responsive so that it doesn’t create scrollbars from appearing when viewed on a mobile device (or when you make your browser window smaller on a desktop).

Here’s my site: http://coachedbytaylor.com

Any help would be greatly appreciated! I’ve tried various CSS snippets but they all seem to use iframe and this widget does not seem to have that property…

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.sydney-video-inner {
  max-width: 100%;
}

Regards,
Kharis

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.

.sydney-video-inner {
max-width: 100%;
}
Regards,
Kharis

Thank you so much, that worked! I couldn’t figure out what the CSS class was in order to put that in.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis