WordPress: How to add an extra top menu/navbar

Note: This guide applies to themes which do not already include a fixed top menu bar. If you do not see this option in the Customizer, then your theme is not currently setup with this feature.

To add an extra menu to the top of your site:

1. Go to Appearance > Customize in your dashboard as shown below:


2. Go to the Layout Options section:


3. Select “Add an extra menu to the top” from the options:


4. Then click the “Save & Publish” button at the top to save the settings.

Once this setting has been enabled, you will then be able to assign a new menu to the “Top Menu Bar” position. To do this, go to Appearance > Menus and create a new menu. Once you have created a menu, you can assign it by checking the box shown below:

If you are unsure how to create a menu and assign items to it, please see this guide.

Was this article helpful?


  1. Kemi

    Hi Phil.
    I don’t have step 3 in my Customizer. I have the Ghost Shell theme with the floating menu bar which only pops up when you scroll down. I have to prompt people to scroll down to see the navigation.

    Also, unrelated but I’d like to drastically reduce my full screen landing image as it takes up space. I tried cropping in gallery but it still came out full sized. In addition, I want this image on Home but it’s on all pages and posts. I tried editing within Customizer but no luck thus far.

    Many thanks.

    1. Phil (pipdig)

      Hi Kemi, the Full Screen Landing image will always take up the full size of the screen. It will also be above the menu at all times too. So it sounds like it is not ideal for what you’re aiming for. Instead, you may wish to add an Image Widget in the Header position. This would appear below the header and can be any size you like. It would also mean the menu will appear at the top of the screen so people do not need to scroll down.

  2. Jasmine Grace

    Hi Phil,

    This doesn’t exactly relate this this question however I am recreating my menu bar and since I will only have 4 tabs in draft mode they are appearing to not be centered under my header name/logo. How can I go about re-positioning it to it is balanced more to the right of the menu bar? Thanks!!

    1. Phil (pipdig)

      Hi Jasmine, I’m not 100% sure I understand the question, however I think the “align the menu items to the left” setting from within the “General Options” tab of the Customizer may help. Let me know if not 🙂

  3. Beth

    Thanks so much for helping me with my last question Phil! The top nav bar is now properly aligned to the left.

    I was wondering if there’s a way to make it full width?

    Thanks again!

  4. Kat

    I have the same problem right now with the London Calling theme. I would appreciate if you could send me the CSS to hide the primary menu and only show the top bar menu. Thanks!

    1. Phil (pipdig)

      Hi Kat, please could you send a link to your site?

  5. Suze van de Graaf

    I am trying to find out how you can block a page? I have a topic called ‘Shop’ and when you click with the mouse on it, it will show the page, but I already have two subitem where you can click on. I have the theme Equinox.

    I hope to hear from you soon!

    1. Phil (pipdig)

      Hi Suze, you can do this by changing the “Shop” menu item to a Custom Link which points to “#”. See this guide for more info 🙂

  6. Iris

    For the life of me I cannot understand why I have two menu bars… I have the Holly & Weave theme and I have one menu bar fixed at the top of the page (which just showed up when I installed the theme) and one (which I purposefully set myself) below the header. I have tried disabling or removing the fixed top nav bar, but I can’t seem to find out how. The weirdest part is that they each show different pages and categories. The below header menu bar is as I want it to be, but the top nav bar is completely random. Can I turn this one off? And how?

    1. Phil (pipdig)

      Hi Iris, the “Primary” menu must always be active. The “Secondary” menu is really just meant to be in addition to the “Primary”. The menu under the header in the Holly & Weave theme is the “Secondary”. I hope that helps to clarify, but if you need any more help you’re welcome to send login details via the Contact Us button above. I can’t currently see your site as it’s hidden behind a “Coming Soon” page.

  7. Elle

    how do I add the archive items to a page? I see the archive tab (which I’ve created because my site did not show anything similar too what was being shown in the directions) but I don’t know how to create the monthly tabs of archived posts. I have the opulence layout

  8. Victoria

    How do I set my theme to just show the top menu? I have the viva viva theme.

    1. Phil (pipdig)

      Hi Victoria, this feature is really designed as a supplementary menu. You could hide the primary menu with some CSS, but it might have implications later since that is really intended as the primary menu. Let me know if that’s ok and I’ll send the CSS to you so the primary menu is hidden.

Leave a comment

The link to your website will be visible to support staff only and will not be shown publicly.
If you do not yet have a website, simply enter "none" in the box.