[Resolved] Is it possible to have a Page Hero element with a merged header?

Home Forums Support [Resolved] Is it possible to have a Page Hero element with a merged header?

Home Forums Support Is it possible to have a Page Hero element with a merged header?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2332584
    Greg

    Hi guys,

    I setup my homepage hero section as an element as I wanted to use a grid and add some simple animation effects – so using the new page hero element type seemed like a good solution.

    I’ve now run into a small problem, as I would like to have a background image which runs behind both the page hero element and the header/navigation.Is this possible?

    Or do I need to get the container + grid + content from the Block element into a Header element (with merge switched on)? If it needs to be done this way, could you give me some pointers on adding a container with a 66/33 split grid into the code section of a hero Header.

    I hope this all makes sense!

    Thanks,
    Greg

    #2332615
    Leo
    Staff
    Customer Support

    Hi Greg,

    I believe this documentation and video is exactly what you are looking for:
    https://docs.generatepress.com/article/transparent-header-and-navigation/

    Let me know if this helps ๐Ÿ™‚

    #2332638
    Greg

    Thanks Leo,

    That’s much easier than I was expecting – I think I was overthinking it! ๐Ÿ™‚

    One (very) minor thing I’ve noticed with this method, where I have the ‘hero’ section setup as part of the page now, I have a min-height set of 100vh, but it seems to be slightly off. I’ve checked and double checked the offset from the header is correctly set. Any ideas what else might be causing this to be off slightly?

    I’m planning to add an animated scroll down button at the bottom of this container, so having it finish in the right spot could be quite important.

    Thanks,
    Greg

    EDIT: Facepalm moment. Just realised it’s the WordPress toolbar adding the extra pixels, disabled that and the 100vh is perfect.

    #2332648
    Ying
    Staff
    Customer Support

    Hi Greg,

    Just checked the page you attached, the hero section is exactly 100vh in height on my end.

    #2332649
    Greg

    Hi Ying,

    Thanks for having a look, and good timing. I just edited my reply above with the following explanation! ๐Ÿ˜€

    Facepalm moment. Just realised itโ€™s the WordPress toolbar adding the extra pixels, disabled that and the 100vh is perfect.

    Thanks,
    Greg

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