[Resolved] Easiest full-width bar across top of header?

[Dee Broughton]

I have all the addons. I’m looking for the easiest way to add a narrow band of full-width color across the top of the header. I could, of course, just add that color to the header, but I’d rather not do that and I need it not to interfere with the header widget area. I want the bar visually to resemble the same look the page has when we’re logged in to WP and working, but it doesn’t need to be functional, just aesthetic. I’m sure it must be easy. Can you suggest something?

[Tom]

Hi Dee,

I would use GP hooks.

Go to “Appearance > GP Hooks” and look for the Before Header hook.

In there, I would add something like this:

<div class="fluid-header-area">
Stuff in here if need be..
</div>

Then add this CSS:

.fluid-header-area {background: #222;min-height: 30px;}

Of course you can change the background and remove or change the min height.

Let me know if this helps 🙂
Tom

[Dee Broughton]

Awwwwwwww, I <3 Tom. Thanks. I only vaguely understand how hooks work, and yet, with your instructions, I did it. Thanks tons.

[Tom]

Happy to help! 🙂

Tom

[Dee Broughton]

Site’s done. My first with GeneratePress. Liking it very much. http://www.dbepub.com/ Thanks tons.

[Tom]

Love it! Great job 🙂

Tom

[Author]

Posts