How can I resize embedded Youtube videos for mobile view?

Hey everyone.

I’m using the Mr Parker theme. I have created a page for my Youtube videos and embedded them, they display correctly on a desktop. Can anyone tell me how to get them to resize properly on a mobile view?

https://www.chantallaurahandley.com/pages/videos

Thanks

Hi,

You can add the custom CSS code below to fix (add into assets/stylesheet.css file)

.enrm-video-wrapper {
	height: 100% !important;
}
.enrm-cursor-pointer {
	padding-bottom: 75%!important;
}
.enrm-bg-video {
	position: absolute;
}
@media (max-width: 768px) {
	.enrm-col-3 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}
}
@media (max-width: 767px) {
	.enrm-col-3 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

Hi @Leeloo ,

Hyde here from Shopify.

The best answers will come from the Mr. Parker Theme developers’ support. They are the authorities on their theme and will be able to best guide you to achieve what you want.

I hope that helps.

All the best, Hyde.