FROM CACHE - en_header

Hide content of customized liquid section on desktop

weareschmick
Tourist
19 0 2

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

Replies 9 (9)
weareschmick
Tourist
19 0 2

Thank you Don. I got that but how do I hide it on desktop?

weareschmick
Tourist
19 0 2

I want to show the section on mobile and hide on desktop.

weareschmick
Tourist
19 0 2

Thank you for your feedback, but how does this apply only to the single customized liquid on a specific page?

GemPages
Shopify Partner
3580 806 658

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
GemPages
Shopify Partner
3580 806 658
 

Hello @weareschmick  

 

Can you show me where or what page you are embedding the video on?

 

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
weareschmick
Tourist
19 0 2

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

weareschmick
Tourist
19 0 2

Hello @All

 

is anyone able to help me on this subject?

Thank you and best regards,
Patric

GemPages
Shopify Partner
3580 806 658

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center