[Resolved] Page hero background video

Home Forums Support [Resolved] Page hero background video

Home Forums Support Page hero background video

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2041413
    Andrew

    I followed the guide here and it’s all working great: https://docs.generatepress.com/article/page-hero-background-video/

    Is this still the best way to do it? I ask because I’m wondering if this should/could be done using the newer Block element with the Page Hero type.

    My main question is: I’ve added text (using typed.js) and an icon. It looks great on a desktop but on mobile because the icon is after the text it means it jumps up and down a line on screen meaning tapping it could be a pain. I’m trying to work out how to keep the text and icon separate so the icon stays at the bottom of the screen the whole time and isn’t affected by the text.

    Sorry if this isn’t a GP issue – Feel free to tell me to look elsewhere for support!

    #2041578
    Ying
    Staff
    Customer Support

    Hi Andrew,

    I think this is still the best way.

    The alignment issue is not something that GP can control, but give this CSS a try:

    @media (max-width: 768px) {
    .background-video-content {
        height: 186px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    }

    Let me know ๐Ÿ™‚

    #2042072
    Andrew

    That’s worked perfectly, thanks!

    #2042798
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.