Resizing Background Video for Mobile in CSS

Site URL: http://www.murrayhendersonart.com

If you check out my site at www.murrayhendersonart.com on mobile, the mp4 background video is cut off on the sides and I haven't been able to find the coding for css to fix it.  Please help its driving me insane!

1 hour ago, Daiglefan91 said:

Site URL: http://www.murrayhendersonart.com

If you check out my site at www.murrayhendersonart.com on mobile, the mp4 background video is cut off on the sides and I haven't been able to find the coding for css to fix it.  Please help its driving me insane!

is this the video on heading

Yes thats what I am trying to make smaller in the mobile version

36 minutes ago, Daiglefan91 said:

Yes thats what I am trying to make smaller in the mobile version

Is it the result you want to achieve?

yes!!!!

Ba, let me know when you have the code.  Many thanks!

15 minutes ago, Daiglefan91 said:

Ba, let me know when you have the code.  Many thanks!

 

 

You can add to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="616a44844ce3d463eaaae0a9"] video {
    width: 100% !important;
    height: auto !important;
  }

  section[data-section-id="616a44844ce3d463eaaae0a9"] {
    min-height: unset !important;
    margin-top: 100px;
  }
}

Let me know if it works properly on your site

Support me by pressing 👍 if this useful for you

perfect, thanks!!!