Site logo

[Resolved] Advice on replicating menu from Avada theme with generatepress

Home Forums Support [Resolved] Advice on replicating menu from Avada theme with generatepress

Home Forums Support Advice on replicating menu from Avada theme with generatepress

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #706244
    Adam

    Hello,

    I have this website https://barkpetboutique.com/ that uses the Avada theme and I am wanting to replicate the menu style using generatepress. I would like to have the logo appear to the left of the navigation links and also am wanting the navigation header to be overlaying the top of the first row of content as you can see it currently is.

    What do you think would be the best way to do so? Can I just merge/combine the primary navigation menu with the default generatepress header? Or do I need to use the generatepress elements site header?

    Thank you for any advice.

    #706399
    David
    Staff
    Customer Support

    Hi there,

    so:
    1. Set logo > Customizer > Layout > Primary Navigation > Navigation. Set it for static and sticky.
    2. Set colors in Customizer for the Primary Navigation, they will be used for the Sticky Navg.
    3. Use Element header > Site Header tab set it to merge, then you can adjust the nav colors for the merged header.

    #706875
    Adam

    Hi David,

    That worked perfectly. I did also add the css:

    .site-header {
        display: none;
    }

    so that the default header would be hidden. Seemed easier then turning it off on each individual page in the disable elements box?

    Thanks a lot for your help!

    #706957
    David
    Staff
    Customer Support

    Thats great.
    You can use the Layout element to disable the header on the entire site:

    https://docs.generatepress.com/article/layout-element-overview/

    #711605
    generator

    Hello,

    i wanted to achieve the same but the navigation is only overlay AFTER I started scrolling, at the top of the page it is ABOVE the content area.
    But I want it OVERLAY the content area all the time, even when I not yet started scrolling.

    Is there another setting I need? I actually already have it to “static and sticky”.
    I also did .site-header{display:none;} because I dont want the header, only navigation.

    #711987
    Tom
    Lead Developer
    Lead Developer

    Did you do #3 that David mentioned above?:

    3. Use Element header > Site Header tab set it to merge, then you can adjust the nav colors for the merged header.

    If so, can you link us to your site so we can take a look?

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