add a menu to the top bar

[Durenda Wood]

Good morning Bill!

I am wondering if you know a way to add a menu to the top black bar of the pages or a widget that I can add to get that to happen?

[Bill Robbins]

Durenda,

You can do that with a bit of editing. Here’s essentially what you’ll need to do:

1. Go to the Appearance section in your WordPress control panel and select Edit.
2. From the list of files on your right, choose header.php and find this spot:

   
   <?php get_template_part( 'layouts/header-links' ); ?>
   

3. Right above that, add this:

   Be sure to copy that code from the support site and not the notification email.

   Save your changes.

4. Next edit the functions.php, scroll down to the bottom and add this:

   
   Again copy that from the support site and not the notification email.

5. Save your changes.

You will need to add in some CSS to style the menu. Probably at the very least, you’ll need to add something like this:

#header-menu ul {
	margin: 0;
	list-style-type: none;
}

#header-menu li {
	float: left;
	margin-right: 10px;
}

See if that doesn’t get you started in the right direction.

Have fun,
Bill

[Durenda Wood]

Hello Bill,

I followed your directions to the t and the menu is not showing up on top.

[Bill Robbins]

Durenda,

Make sure you disable all caching while developing a site.

Bill

[Durenda Wood]

It was enabled, Should I disable it and redo everything and then enable it?

[Bill Robbins]

I would leave it disabled until you’re completely finished. That usually works best.

[Durenda Wood]

Hello Bill,

I disabled the cache and then I updated the three pages and I cleared cookies and it still isn’t showing up. Sorry I didn’t do it right!

[Bill Robbins]

Did you create a new navigation menu and assign it to the new location you created?

[Durenda Wood]

LOL, no that wasn’t in the instructions! 🙂 I will be back and report in!

[Durenda Wood]

It worked! Thanks Bill!

[Bill Robbins]

Fantastic 🙂

[Author]

Posts