Archived topic

After Header Content Hook

5 replies · Started by Paul on April 15, 2017

Viewing posts 1–6 of 6

April 15, 2017 at 4:45 am #306199

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.

April 15, 2017 at 8:23 am #306271

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.

April 15, 2017 at 9:34 am #306314

Hi Leo,

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

Thanks,
Paul.

April 15, 2017 at 3:07 pm #306401

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.

April 16, 2017 at 7:43 am #306536

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.

April 16, 2017 at 9:14 am #306557

You're welcome :)

This archived topic is closed to new replies.