Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I had to change the width of my custom liquid video so the text in the video would be bigger on mobile. Now, the video (on mobile) appears cut-off on the right side, so I need to shift it left so that it is centered. Below is the code I am using. Is there something I can quickly add that with always keep the video centered regardless of width? I've tried everything I can. Thanks
<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 900px) {
video {
width: 200%;
}
}
</style>
<video muted autoplay playsinline loop>
<source src="https://cdn.shopify.com/videos/c/o/v/179d4121a47f45dd940a9ec3d7575f00.mp4">
</video>
Hi @fowlerpatrick19 ,
Could you please share your store URL and password if it enabled, so that I can help you
Did you ever figure this out?
I'm trying to do the same thing with the same issue.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024