- This topic has 5 replies, 4 voices, and was last updated 7 years, 5 months ago by
Tom.
-
AuthorPosts
-
October 21, 2018 at 1:14 am #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.
October 21, 2018 at 7:38 am #706399David
StaffCustomer SupportHi 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.October 21, 2018 at 10:27 pm #706875Adam
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!
October 22, 2018 at 1:54 am #706957David
StaffCustomer SupportThats great.
You can use the Layout element to disable the header on the entire site:https://docs.generatepress.com/article/layout-element-overview/
October 27, 2018 at 2:39 am #711605generator
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.October 27, 2018 at 10:10 am #711987Tom
Lead DeveloperLead DeveloperDid 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?
-
AuthorPosts
- You must be logged in to reply to this topic.