Archived topic
Using hooks with merged site header
5 replies · Started by Rachel on July 7, 2020
Hello!
I hope this question wasn't asked before and I apologize if it has!
I'm trying to find a solution where I can put a notification bar under the navigation bar when the page has the site header set to merge with the content. I can do it with the after_header hook if the page doesn't have site header merged with content but I really like to keep the transparent navigation bar look. What would be the solution to this?
Thank you so much in advance!
-----
Oops! Site added - that would have been helpful, sorry!
So the Merge with Content is currently set to No Merge. When I set it, the green notification div doesn't stay where you see it now. How can I set it so that I have both Merge with Content and have the green bar where it is currently?
Hi there,
Not quite sure if I fully understand.
Can you link me to the page in question so I can see your current setup?
You can edit the original topic and use the private URL field.
Let me know :)
Updated the original topic! Thank you :)
Hi there,
not sure how thats going to work.
You could try adding your element to the inside_navigation hook.
Then this CSS to position it below the menu:
.inside-navigation {
flex-wrap: wrap;
}
.funding-info {
order: 100;
flex: 1 0 100%;
}Perfect! I was so stuck on the thought of using after_header hook. Thanks David and Leo :)
Glad we could be of help
