Liquid, JavaScript, themes, sales channels
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.
To learn more visit the Shopify Help Center or the Community Blog.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024