Dawn Theme, Homepage, Video section, Height is too large

[RuStar]

Hi,

How can I make the video on my homepage, Video section appear smaller as currently it appears very large.  On my mobile phone it appears perfect.  I have added a screenshot of the video looking very large on my desktop.  Dawn Theme is used. 

Thank you in advance.

 

[Dan-From-Ryviu]

Hi @RuStar 

Please share your store URL

[suyash1]

@RuStar - can you please share this page link?

[RuStar]

ourein.com

[Dan-From-Ryviu]

Hi @RuStar 

Please add this CSS code to Custom CSS of that section to make it appear same as mobile 

.media>img { object-fit: contain !important; }

 

[suyash1 · Accepted solution]

@RuStar - add this css to the very end of your base.css file and check

@media screen and (min-width: 750px){
.video-section{max-width: 50%; margin: 0 auto;}
}

[HER]

Good Morning,

I think I've copied and pasted so many scripts that I don't know which section to edit. My video plays fine on my mobile phone but the desktop version is showing way too big in width and height. I have copied the above script to assets/base.css of theme.liquid. Should I also paste it to assets/video-section.css? 

[suyash1]

@HER - no base.css is enough, can you please share your website link?