Page Hero Video Background Full Screen

[letsdoit]

Hi Team,

Could you advice why my video is not fullscreen. It checked as fullscreen in Element. I tried checking and unchecking it too.

[David]

Hi there,

try updating this CSS:

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
}

to

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[letsdoit]

Thanks a lot, it worked.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts