YouTube max width on mobile

[parodi]

Hi guys,

How´re you doing?

As you may notice, attached imagem shows that YouTube video on mobile is not reaching all width available.

How can I solve this?

OBS: WordPress is adding this additional CSS class:
wp-embed-aspect-16-9 wp-has-aspect-ratio

Best regards,
Bruno

[ruenel]

Hi Bruno,

Thanks for writing in!

The browser will render the <figure> HTML tag which is the container of the video with a default 1em left and right margins. Therefore, to get your issue resolved, you can apply a 0 left and right margin to the element by using this code.

.wp-embed-aspect-16-9.wp-has-aspect-ratio {
  margin-left: 0;
  margin-right: 0;
}

This code serves as a pointer of what is causing the issue with your video block.

You can add the CSS code into X > Theme Options > CSS .

Hope this helps.

[parodi]

you’re really amazing, guys! thank you so much!

[ruenel]

You’re welcome!
It’s good to know that it has worked for you.