How to make my banner video portrait size on mobile and tablet version only?

How to make my banner video portrait size on mobile and tablet version only?

clayinfo
Explorer
81 0 17

Hi my video is in landscape size right now. I would like it vertical on my mobile and tablet version. Please help

 

www.constructionlayers.com

PW: CollectionThree

Reply 1 (1)

TerenceKEANE
Shopify Partner
512 86 80

Hi,

 

Actually, the best option is to upload different videos for desktop and mobile areas. Of course, if the software you're using doesn't support it, we may need to do a custom setup!

 

The following code may be useful for now.

 

Terence.

 

 

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

 

@media (max-width: 991.98px){
  .video-container {
    height: 100vh!important;
}
}

 

shopify.base.css.jpg

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites