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.
Hi @RuStar
Please share your store URL
@RuStar - can you please share this page link?
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; }
@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;}
}
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?
@HER_1 - no base.css is enough, can you please share your website link?