[Resolved] After Header Content Hook

[Paul]

How can I make an after header content hook the full width of the header (same as the primary nav below).
I’ve tried:

<div class="after-header-content-bar">
<div class="grid-container grid-parent">
<div class="grid-100">
After Header Content
</div>
</div>
</div>

<div class="grid-container grid-parent">
<div class="after-header-content-bar">
After Header Content
</div>
</div>

The content bar still has padding either side, not full width of the header. I did find this answer – https://generatepress.com/forums/topic/gp-hooks-after-header-width-of-content-area/

Maybe I’ve implemented it wrong.

Thanks in advance,
Paul.

[Leo]

Hi Paul,

I think you could try using the after header hook instead of after header content: http://demo.generatepress.com/hook-locations/

Let me know if this works.

[Paul]

Hi Leo,

The after header hook works fine – but I already have other content in there.

Thanks,
Paul.

[Leo]

You can actually insert as many Divs as you want.

So like this:

<div class="after-header-first">
First content
</div>
<div class="after-header-second">
Second content
</div>

Let me know if this helps.

[Paul]

Yeah that would work. Or I guess I could use the before header hook too.

This ticket can be closed.

Thanks for your help,
Paul.

[Leo]

You’re welcome 🙂

[Author]

Posts