Video Background, Not fullwidth

Beaver Builder
1

Hello,

I had a full width/height row using a background video (mp4). I have nooo idea what happened but all of a sudden the video stopped being fullwidth. On the mobile and tablet view the video scales down so hard, its no longer visible!

Using Genesis + altitude pro. How do i fix this?

Don’t want the dev domain showing up publicly on google. Used a shortener:
http://bit.ly/1oo0wJ0

Thanks

  • Siraf
2

Just noticed, if i turn off full height (row settings), it works fine.

When row full height is enabled, if i delete the “preload style width” it loads as full width. However this doesnt work when in tablet / mobile view.

Thanks for your time,

  • Siraf
3

Hi Siraf,

The issue is related to your theme, it has CSS overriding the styling of the video in the row.

Therefore, you’re going to need to override the themes style CSS.

embed, iframe, img, object, video, .wp-caption {
    max-width: 100%;
}

Thanks,
Danny

4

Hey Danny,

I added that to the bottom of the the css stylesheet. It didn’t work!

Thanks for your time,

  • Siraf
5

Hi Siraf,

I apologise, the CSS I provided above is from your actual theme. That is the CSS you’re going to need to override.

Thanks,
Danny

6

Danny,

No worries. Any idea as to what i would override it with?

thanks

7

Hey Siraf,

Try setting the max-width to none and see if that fixes it. :slight_smile:

Ben

8

Ben,

It worked! Thank you very much!

  • Siraf
9

Hi Siraf,

Happy to hear you got your issue resolved and thanks for informing us, we appreciate it.

Thanks,
Danny