Responsive Video Format

Site URL: https://www.mcamedia.com/teatro-gerolamo

Hi All,

I'm working on this website and I'd like to put a different sizing for the video on Mobile/Tablet.

The Desktop version is perfect as is but the mobile is not as good as the desktop one and there is also a LOT of padding.

I'd like to achieve this results

Any suggestions?

Here is the link: https://www.mcamedia.com/teatro-gerolamo

23 hours ago, C_D said:

Site URL: https://www.mcamedia.com/teatro-gerolamo

Hi All,

I'm working on this website and I'd like to put a different sizing for the video on Mobile/Tablet.

The Desktop version is perfect as is but the mobile is not as good as the desktop one and there is also a LOT of padding.

I'd like to achieve this results

 

Any suggestions?

Here is the link: https://www.mcamedia.com/teatro-gerolamo

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-063c857b89bfc9e17fd9 video {
    height: auto;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

On 11/4/2021 at 2:59 PM, bangank36 said:

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-063c857b89bfc9e17fd9 video {
    height: auto;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Hi! Thank you so much, now the padding is ok!

But what about the format? 🙂  Can you help me!?