Contain full video mobile view

Contain full video mobile view

Luxurymrkt
Globetrotter
675 2 132

 

F609FCC6-F668-4702-9A8B-283E36E0A809.jpeg

Hi,

 

I want the full video to be visible in the screen on mobile. My site is https://miintstudios.com/collections/services

 

thank you

 

Thank You | mike
 
 
Thank You | mike
Replies 2 (2)

niraj_patel
Shopify Partner
2391 516 515

hello @Luxurymrkt 

 
I see you are using DAWN theme shopify.
 
You can add code by following these steps to show video full in mobile view
 
 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
 
3. Paste the below code before </body> on theme.liquid

<style>
 
@media screen and (max-width: 767px) {
.media-card-media-template--16703770099811__media_grid_4_MYAQKd video{
object-fit:contain !important;
}
}
 
</style>

niraj_patel_0-1738206123708.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

vm-web
Shopify Partner
127 8 18
1. Go to Online Store -> Theme -> Edit code.
2. Open your layout/theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

<style>
@media screen and (max-width: 767px) {
.media-card-media-template--16703770099811__media_grid_4_MYAQKd video{
object-fit:contain !important;
}
}
</style>

 

Thanks!

If helpful then please Like and Accept Solution. | Email: vickyzilpe@gmail.com