Adjusting the size of my video to fit both desktop and mobile

New Member
5 0 0

.......

0 Likes
Shopify Staff
Shopify Staff
596 40 85

Hey, there.

 

Dallas here from the Shopify Social Care Team.

 

I'd love to help you, but I think I'm going to need a bit more context. Is there a particular issue that you're facing with your video sizing or is it just that you'd like it to be more customized? Are you receiving any errors on one platform or another?

 

I'd also like to ask what theme you're using and where this video is located on your website. If you could share screenshots of your video on mobile and your video on your desktop that would be fabulous.

 

I look forward to speaking with you further.

Dallas | 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
Shopify Expert
665 170 199

Hi, @Norwolf218 ,

This is Evita from On The Map.

 

Can you add your store URL and show me where's the video?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
5 0 0

Hi guys,

 

I have sent a pm and will update the thread accordingly on here when we reach a solution ....

0 Likes
New Member
5 0 0

....

0 Likes
Shopify Expert
665 170 199

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in the bottom of the file.

 

.shopify-section .small--one-half,  .shopify-section .custom__item-inner{
     width: 100%!important;
}
 .shopify-section .custom__item-inner iframe{
     width: 100%;
}

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
New Member
5 0 0

Custom content html used:

 

<iframe src="video" width="560" height="315 " frameborder="0"></iframe>



<div class="video" autoplay="" loop="" volume="mute" align="center">

<iframe mute="" src="video" width="560" height="315" frameborder="0"></iframe>
</div>

0 Likes
New Member
5 0 0

Thanks Evita, 

 

I have been able to do that however I am not left with a dark border around the video. How do I remove this? Thanks again? 

0 Likes