youtube embedding width and content width

@goofyco123

Please add the second video (and the slider on your other issue) so we can see the issue as not many people will have the theme installed

Hi,

All depends of the available content width in your page.
Have you chosen the full width template in Storefront?

Further more I can tell in your source code that this is the width set in You Tube:
<div style="text-align: center;"><iframe src="https://www.youtube.com/embed/XheEI_yVQuI?ecver=1" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

Choose a smaller size behore you generate embedd code in you tube if you want them next to each other. Keep in mind that viewers looking from a smaller mobile/tablet screen, will never see them next to each other too.

You could use this code in appearance customizer extra css section:

.col-full {
max-width: 100%;
}.

This will get your pages full width, larger desktop screens will be able to see the video’s next to each other this way.

How are you now trying to put them next to each other? using the default WordPress editor? A pagebuilder like the one from SiteOrigin is a great way to divide and order text, images, video’s as well!

Annie

https://www.psfcorporation.com/test-1/
Here’s an example of what I mean.
I think this only happens when I choose “homepage” as my page template (from homepage control).

Your holepage has a ;
max-width:
723.351px
;

and the video widths are both 400px each

you can add the following css to you child theme / custom css area

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    max-width: none;
}