WordPress: How to add pages to the menu/navbar

You can edit the items in your main menu by going to Appearance > Menu in your dashboard:

If you have not used the WordPress menu system before, you may wish to take a look at this guide, which gives a very good introduction to the features.

You can then add any pages, categories, links etc to your menu by using the options on the left. Please note that pages and categories will need to be created first, before they can be added to the menu. You can do this in either the Pages section of the dashboard, or the Posts > Categories section.

Important! After you have created your menu, you should assign it to the “Primary Menu” position:

Linking groups of posts to the menu (categories)

To display or group posts together onto a separate page, you need to use Post Categories.

First, you need to add your posts to the categories you would like to use, such as Music, Travel, Fashion etc. You can do this whilst editing any post by looking for the “Categories” section on the right of your screen:

You can add a post to as many categories as you like. After you have included some posts in a category, you can then add this category to the main menu of your site. you can edit the menus by going to Appearance > Menus in your dashboard.

The video below shows a quick example of how to link your post categories to a menu. This video assumes that you have already created Post Categories with some posts in them.

You can create dropdown menu items by dragging one menu item under another. Once positioned, click and drag the menu item so that it is slightly to the right of the item above. See this tutorial for more information on this.

Any menu items that are positioned under another like this will appear as a dropdown on your site.

What’s next?

Now that your menus and pages are ready, you may want to add extra features and styling to your site via the Customizer.

Was this article helpful?

24 Comments

  1. Sara

    Hi,

    About the “search” icon, is there any smaller version of it? Right now a whole black column appears to the right site when you click on the “search” icon, is there any way to simplify it to a smaller box where you can just write the keywords that you might be looking for?

    Thank you!

    1. Phil (pipdig)

      Hi Sara, this isn’t possible with the standard theme options currently. Though we are looking to include this in a future update. In the meantime, you may wish to create a dedicated Search page and place something like this on it https://wordpress.org/plugins/ajax-search-lite/

  2. Sara

    Hi!
    I have the Aquae template and I was wondering if there is the option to make the menu items a bit smaller so I can squeeze the social media icons in the same line/level. Right now, the menu items occupy the whole space and the social media icons are just below on a second line.

    Thank you!

    1. Phil (pipdig)

      Hi Sara, we just released an update for the Aquae theme today. If you update the theme via this guide it will reduce the menu item size slightly. So hopefully it will provide a little more space for it 🙂

  3. Sonia

    Hello!. I added pages to the Menu bar as per this video. One page was “About Me”. I posted details on this page and it shows up as a post and on my carousel. I don’t want the about section as a post, rather a static page. Looks like the way I created menu based on this tutorial overrides whatever was there originally. I am having trouble figuring out how can I create a static page to the existing menu? Just in case I do not make sense , here is the page https://gonewiththewhim.com/ you’ll see my big head pop as a scrolling post.

    1. Phil (pipdig)

      Hi Sonia, if your About Me section is showing in the slider then this means it is a blog post rather than a page. You will need to assign the page to the menu rather than the post. You can read more about WordPress menus in this guide.

  4. Blair

    Hi! So I have made 3 main pages and have some subpages under a page. How do I make a post and put it under a certain subpage and then have it also go on my main home page? Also how do I create a home page that automatically has everything to under it?

    1. Phil (pipdig)

      Hi Blair, you can do that via the “Linking groups of posts to the menu (categories)” section in he guide above. For the homepage, you can do that via this guide.

  5. crystal daley

    Hi Phil,

    I am working on my primary menu bar however I am not wanting to have a dropdown in one of them. How can i have it to where people can just click on the menu category and it opens up right away to all the different posts on that subject? For example: I have a Travel category and it is dropping down to all the trips i have been on, however when you click on the word Travel, the page just shows up blank. Instead, you have to actually click on one of the posts from the Travel tab to see the posts. I would rather have no dropdown, click on the category to open up the different posts, then click one the post you would like to read from there. I hope that makes sense? Please help, is it an option? I downloaded the VIVA VIVA theme. Thank You!!

      1. crystal daley

        Thanks! i read the post and it doesn’t look like thats what i was wanting to do…i don’t know how to explain it, sorry. let me try again:)
        I do not want drop downs on the word Travel from the menu bar, i simply just want to click on the word travel so it can open up the page. Then I wanted for all the posts i did on travel to show form there. (not as drop downs) Here is a link so you can see what i am talking about.

        http://www.thriftsandthreads.com/lifestyle/travel/

        IS it possible to do that?
        Thanks:)))

        1. Phil (pipdig)

          If you remove the menu item you can then re-add it as a post category. It looks like you’ve set it up as a “page” currently, which is why it looks blank.

  6. Annaëlle

    Hi, i’m new to wordpress and my menu seems to stay on the left (above header)… I would like it to be more centered like shown in the video… How can I do that? 🙂

    1. Phil (pipdig)

      Hi Annaëlle, it looks like you have enabled the option which left aligned the menu. You can find that in the “General Options” tab in the Customizer 🙂

  7. Anna

    Hi,
    will I be able to remove social media widgets and add them later? I am just starting on WordPress and not planning social media posts for a while. Thanks

    1. Phil (pipdig)

      Hi Anna, yes that’s no problem. The widgets actually start from a blank canvas and you get to add any you want from the options 🙂

  8. Linse van Dijk

    Hey Phil,
    I have a question about the spacing of the menu. I installed the London Calling theme and it works like a charm. The only thing I can’t find is how to spread out the menu. Because the page titles are so close together now some of the categories in the dropdown menu consist of two lines instead of one and I don’t really like the look of that. Do you have some advice about how to change that?
    Thanks a lot!

      1. Linse

        Hi Phil,
        I inserted the code into the Additional CSS tab but it doesn’t really seem to work. I think I might have done something wrong but I can’t really tell for sure. Do you have any additional information maybe? Thanks a lot!

        1. Phil (pipdig)

          The text is currently set as /*.menu-bar ul li ul a { min-width: 210px }*/ if you change that to .menu-bar ul li ul a { min-width: 210px } it should work

  9. Noor

    Hi,

    I chose to enable the secondary menu (below header) but the primary (above header) menu is still on. I’ve checked and I can’t see any widget doing that. So I change colors (to white so it camouflages to the background color) and you can’t actually know it is there. BUT there is still a white bar when you scroll down that bothers me. Is there a way to disable de navbar?

    Thank you!

    1. Phil (pipdig)

      Hi Noor, the Primary menu will always be active. The Secondary menu is intended as a secondary menu in addition to the Primary.

  10. Jo

    Hi, I bought the Style & Light WordPress theme this morning and have installed it. I have a few questions, but my main issue is that I managed to add categories to my top menu, but now I can’t work out how to add any more (I can’t remember what I did and can’t find the relevant article). Can you help, please?

    Also, I would like to add a dropdown menu to each of the categories in my top menu. I have read the above article about menu structure and tried to follow the instructions, but I’m getting very confused and can’t work out why the sub items that I list don’t appear as a dropdown on my top menu. I would really appreciate some really basic advice about what I’m doing wrong, please?
    Thanks very much
    Jo Beale

Leave a comment


The link to your website will be visible to support staff only. It will not be shown publicly.