Archived topic
Header Merge Question
8 replies · Started by Yael on October 19, 2021
Hello,
I have a Header Merge element on a few pages that have header image
https://staging.pamelahathaway.com/
But other pages on the site are not using the header merge
https://staging.pamelahathaway.com/why-do-energy-work/
I had to set the primary navigation color to transparent to accomodate the header merge but then when mobile menu shows at mobile Drop Point 1000 px there's no color the mobile header area on pages not using Header Merge
How to have transparent primary navigation for merged header and color after mobile drop point?
Site is password protected: pamela
Thank you
Hi there,
Can you take a look at the video here first?
https://docs.generatepress.com/article/transparent-header-and-navigation/
If you follow the steps/logic in there then everything should work out I believe.
Let me know :)
I have a transparent header for the pages using the merge header option; the issue is that not all pages are using merged header. The issue is for the pages not using the merged header.
https://staging.pamelahathaway.com/why-do-energy-work/
if you look at this on below 1000px you'll see the primary navigation has no color b/c I had to set primary navigation transparency to 0% for the merged header.
I'm sorry but I'm seeing how to solve this.
I have to set primary navigation to transparent or else I get this
but then this happens on pages not using Header Merge
Did you watch the video I linked above?
It explains this issue and provides a solution.
The header element itself allows you to set specific navigation colors (transparent) when the merge option is activated.
The options in the customizer should always be a solid color.
Thank you and sorry; I see now that i needed to click Navigation Colors in the element in order to see those options.
No problem :)
There is another issue though when doing that; I lost my custom CSS for hover and active menu items :( I'll try to sort it out.
Thanks Leo
Sounds good.
