[Ta0102]

You are displaying Youtube on the top page.
I would like to make the vertical width and vertical image same.
The smartphone wants to maintain the current display size.

in css code

.youtube {
position: relative;
max-width: 88%;
padding-top: 5.25%;
padding-left: 13%;
max-height: 200%;
}

Smartphones and iPads will also become smaller.

Please tell me a good code.

[Skandha]

@ta0102: You will need to add the above CSS Code inside @media screen media query like the following.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:991px) {
	.youtube {
		position: relative;
		max-width: 88%;
		padding-top: 5.25%;	
		padding-left: 13%;
		max-height: 200%;
	}	
}

Let me know if this works out!
Kind Regards,
Skandha

[Ta0102]

It fitted cleanly.
Thank you.

[Skandha]

@ta0102: Glad I was able to help you out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts