Authority Theme – Add third navbar above the header that can be styled

[Mack]

I have the Authority Theme and I need to add a third navbar that is above the header that I (non coder) can style (change background color and height.

I tried this https://wpsites.net/web-design/adding-additional-nav-menus-in-genesis/
But it is not tutorial enough for a non coder. Like no instructions on where to put the new class code.

Any assistance will be greatly appreciated.

[Mack]

Oops... my site: https://amediaguy.com

[ᴅᴀᴠɪᴅ]

Here is a better/clearer tutorial for your needs with good explination of the code.

The only difference is that you need it to be above the header, and this tutorial puts it above the footer. So instead of using the hook 'genesis_before_footer' you'd need to use 'genesis_before' or 'genesis_before_header'. Depending on exactly where you need it.

The CSS for styling it is also included in that article.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Mack]

Thank you for your quick reply.

Looks to be too complicated. I have no idea what to change.
This theme has 3 navbars
1. Header
2. Footer
3. Social

[ᴅᴀᴠɪᴅ]

Yep, so you'd be adding a fourth. Name it whatever you want. 'Before Header' or something. TBH it isn't a simple thing to do if you're a non-coder and are not familiar with the genesis hooks and how they work. The only thing I can recommend is having a look at the visual guide that may help you understand where the hooks are on your site.

You're choosing one of these hooks to decide where you put things. In that tutorial, genesis_before_footer is used. You can see in the visual guide that is near the bottom. You'd need one at the top.

If it's not a live site, have a play around. Follow the tutorial exactly. Get it to show up near the bottom, then change the hook and it should appear where you need it.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Brad Dalton]

@Mack

Like no instructions on where to put the new class code.

The tutorial clearly states :

Here’s the code which goes in your child themes functions file to register and hook in a third nav menu.

---

Tutorials for StudioPress Themes.

[Author]

Posts