[Support request] Transparent main navigation

Home Forums Support Transparent main navigation

This topic contains 7 replies, has 2 voices, and was last updated by  David 3 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1030941


    Hi, I am trying to find a way of having a transparent main navigation, so that it can integrate with the hero image. I watched videos and read tutorials about this, but they are all based on a previous version of Generatepress, and they don´t apply to what I am seeing now with the new version.

    I am using Elementor to build the website, but I am using Generatepress for the main navigation. In the videos I watched, they were talking about creating a transparent page header, but I still don´t understand if I should be working on the “main navigation” options, or if I should create a page header… And I don´t get how to integrate it with the hero image anyway.

    Could you please let me know?


    David Customer Support

    Hi there,

    the latest version of GP will use the Header Element:


    This article specifically covers the transparent header/navigation:


    If the Header Element hero content is left empty then the header will merge with the first section of your content



    thank you so much David! I followed the article and it´s all done 🙂


    David Customer Support

    Awesome – glad to be of help




    I am having a problem with this. As I mentioned in my last message, this was working great (transparent menu, merging with the content) but for some reason it stopped working (I haven´t touch anything or made any changes).

    Now the main navigation is not transparent or merging with the content any more….

    Could you please help me?


    David Customer Support

    I can’t see the Header Element on that page – can you check it still exists and is assigned to the relevant pages?



    Hi David, thanks for your reply.

    I don´t fully understand what you mean, sorry.
    The merged navigation should be displayed on this page for example: https://secretweaponleader.webdesign-project.com/home-v3

    This is the setting I have: Appearance > Elements> Type: header > Site Header (navigation location: Above Header > Display Rules: Location=All pages (although I did exclude some, but not the one I mentioned above)


    David Customer Support

    Can you check the exclude rules isn’t removing it?
    I also notice you’re using a ‘proofing’ plugin – not sure if thats conflicting.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.