[Resolved] Legacy Headers in Elements

[Michael]

How long will the legacy headers be supported if I do not disable them because I need the video function in the header?

[Tom]

Hi there,

The legacy Page Headers will never be removed from the plugin.

However, you can easily add a video background to the new Page Hero: https://docs.generatepress.com/article/page-hero-background-video/

This method gives you way more control 🙂

[Michael]

Thank you. That’s exactly what I was looking for. Great work!

[Tom]

No problem! 🙂

[Joe]

Note that the video won’t play on a mobile device. In order to have the poster image display nice on your mobile device, I would suggest you add to the css the following (I tested this specifically on my iPhone so you might want to take this a step further and test on other devices including tablets):

@media( max-width: 480px ) {
    video[poster] {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

Otherwise, your poster image may simply be zoomed in on an irrelevant portion of the image.

[Tom]

Cool – thank you for sharing that! 🙂

[Author]

Posts