[the5krunner.com]

i have included a youtube url in this post
https://the5krunner.com/2020/08/12/wahoo-tickr-review-x-v2-2020/

the width of the youtube image is the full width including the right hand bar

it should instead be set to 100% of the post width.

[Theme Horse Support Team]

Hi the5krunner.com,

We think you have directly used the embedded code. Please wrap the embedded code with the class ’embed-responsive’ and ’embed-responsive-16by9′.

Example

<div class="embed-responsive embed-responsive-16by9">
  (Paste your embedded code here)
</div>

Please paste the embedded code as mentioned above.
OR
If you are using the WordPress 5+ then you can use the Embeds Block Features of Gutenberg on the page/post editor page which will be very easy to use the embedded code with out any HTML code customization.

Thanks

[the5krunner.com]

that seems to work,
now i just have to go and make about 200 manual changes….not ideal !!

[Theme Horse Support Team]

Hello there,

We do understand your problem but the Youtube embed code have certain fixed height and width to which we have to control to fit our theme layout responsively. If there would have some wrapper element before the embed code provided by the Youtube then we could have easily control the height and width through the simple Custom CSS code. So the users are always recommended to use the Block features of embed code on page/post editor.
But in your case we have noticed that you have used a wrapper with class ’embed-youtube’ before the embed code by youtube. If you have used the same wrapper class before on all of your embed video then we can control the embed video to the responsive through that wrapper class.
So please go to Appearance > Customize > Additional CSS and the paste the below Custom CSS code.

.embed-youtube {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.embed-youtube:before {
	display: block;
	content: "";
	padding-top: 56.25%;
}
.embed-youtube iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

Thanks

[nobeel]

Your themes are good, But no AJAX load more button, which is the need of a lot of users, Themes need “LOAD MORE BUTTON” Option
I will order Pro if you add such functions.

[Author]

Posts