Site logo

Archived topic

Merge Header Site-Wide

6 replies · Started by Nick on May 4, 2017

Viewing posts 1–7 of 7

Is there a way to merge the page header site-wide without having to do it on every page?

I want the background image of my header to be behind my navigation.

Or is there another way to handle this?

Thanks!
Nick

Hi Nick,

Should be achievable with a small piece of CSS. Can you link me to an example page?

Ah ok, best way to do this:

1. In GP Hooks, add this into the Before Header hook:

<div class="header-wrap">

And this into the After Header hook:

</div><!-- .header-wrap -->

2. Apply your BG to the wrap using some CSS:

.header-wrap {
    background-image: url(http://cityofswainsboro.org/admin/wp-content/uploads/2017/05/colorkit-bg.jpg);
    background-repeat: no-repeat;
}

Then just remove the background color from the header in the Customizer and you should be good to go.

This (Reply ##313979) did the trick! Thanks!

Nick

You're welcome! :)

This archived topic is closed to new replies.