Re: Video on my homepage is zoomed in when playing on mobile version

Video on my homepage is zoomed in when playing on mobile version

clayinfo
Explorer
81 0 17

Hi, I need help in making adjustments in the video proportions of my website. Desktop version works just fine. But when it comes to my mobile version it's too small and i would just like it too be zoomed it to fit on my homepage

 

Screen Shot 2024-06-07 at 2.49.31 AM.png

Desktop

Screen Shot 2024-06-07 at 2.49.39 AM.png

Mobile

Screen Shot 2024-06-07 at 2.53.24 AM.png

How I want it to be



www.constructionlayers.com
PW: CollectionThree

Replies 2 (2)

VIEKIN
Shopify Partner
779 93 111

Hi,

To achieve your expected, you can follow this:
- Go to Themes -> Edit Code ->  assets/base.css file, then add script at line to bottom of that file.

.video-container iframe, .video-container video {
   object-fit: fill;
}
@media screen and (max-width: 768px) {
   .video-container {
        min-height: 450px;
   }
}

 Hope it's helpful to you

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
clayinfo
Explorer
81 0 17

Screen Shot 2024-06-07 at 11.37.43 PM.png


Hello it ends up distorting my page. I dont want it distorted