Shopify themes, liquid, logos, and UX
Hi,
I embed a video in the customized liquid section. I only want to display it on mobile. What do I have to do?
Thank you in advance.
Patric
Thank you Don. I got that but how do I hide it on desktop?
I want to show the section on mobile and hide on desktop.
Thank you for your feedback, but how does this apply only to the single customized liquid on a specific page?
Hello @weareschmick
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
Hello @weareschmick
Can you show me where or what page you are embedding the video on?
Kind & Best regards,
GemPages Support Team
Hi,
I want to embed the video on a page. I only want to embed the video (autoplay, loop) only on mobile, because the portrait format does not work for desktop.
<div style="padding:177.78% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/778280421?h=1a6f099c7e&autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
I post this code as customized liquid. Now, how can I make the content only visible for mobile?
Thank you
Hello @weareschmick
You can try this code
<div style="padding:177.78% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/778280421?h=1a6f099c7e&autoplay=1&loop=1&title=0&byline=0&portrait=0&mute=1" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
User | RANK |
---|---|
125 | |
93 | |
77 | |
71 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022