Custom HTML For Video sizing edit - DAWN THEME

Store Design
,
1

Hello,

I am trying to change the video height on desktop.

https://obadiahcoffee.com/pages/holiday-shop

My current HTML custom liquid code:

video { width: 90%; height: auto; display: block; margin: 0 auto; }
2

Hi @andrew72

You can try adding this CSS

Note: the above CSS will reduce the size but the video with be cropped don’t forget the adjust the height according to your need

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

3

Hi @Mehran_Ali

Do you know how to keep the heights different on mobile and desktop?

Thank you.

4

Yes you can use CSS Media Query for that if you can specify the Heighjt for mobile and desktop I can write the Query for you

5

Hi @Mehran_Ali ,

I wanted these settings for desktop:

width: 65%;
height: 800px

And these for mobile:

width: 90%;
height: 300px

Thanks for your help.

6

Replace the above CSS with this CSS:

If you need any assistance I can help feel free to ask or check your Info email:

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

1 Like