Using hooks with merged site header

[Rachel]

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?

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rachel]

Updated the original topic! Thank you 🙂

[David]

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%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rachel]

Perfect! I was so stuck on the thought of using after_header hook. Thanks David and Leo 🙂

[David]

Glad we could be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts