Youtube Video on Page

Leeloo
Tourist
14 0 4

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

0 Likes
FrankMoore
Explorer
43 10 9

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;
	}
}
Shopify Developer from @Cadifa
0 Likes
Hyde
Shopify Staff
Shopify Staff
730 73 131

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.

Hyde | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes