Wordpress Top Menu

[Marketta Filipovich]

Whenplanning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple 'drag and drop' interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

Aside from categories and pages, WordPress also makes it super easy to add custom links to your menu. You can use it to link to your social media profiles, your online store, and other websites that you own.

The new full site editor allows you to customize your WordPress themes using the block editor. It was released in WordPress 5.9 and enables you to add different blocks to your templates to create a unique design.

We hope this article helped you learn how to add a navigation menu in WordPress. You may also want to check out our guides on how to style navigation menus in WordPress and how to create a sticky floating navigation menu in WordPress.

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Hey WPBeginner readers,

Did you know you can win exciting prizes by commenting on WPBeginner?

Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.

You can get more details about the contest from here.

Start sharing your thoughts below to stand a chance to win!

Yes, you can easily add and remove menu items and if the menu items even if the item is not currently on the menu. You would want to ensure you clear any caching on your site so your visitors see the up-to-date menu.

Very basic question, but how to enable menu on a subpage? I designed some subpages, but the menu is not visible on top. In my main pages the menu is visible. How to enable the menu to make it visible on the sub-pages?

You would want to reach out to the support for your specific theme, it sounds like your theme may remove the menu for certain pages. If you reach out to the support they should let you know how to add the menu back.

Thanks for the detailed guide. I have a question: how can we add a navbar (for a landing page) which links the landing page sections/elements instead of navigating to other pages. An example is Wikipedia. On any Wikipedia page, you can click on the name of the section and it will immediately go down to that section.

Hello, I am using Elementor and OceanWP. I set up a custom link in my menu so that when clicking on it goes to the Home page. How can I make it go instead of just to the Home page, but down the page to a certain section? I appreciate your help.

Needed to link a buy now button to woo commerce cart page. Spent two days going in circles. Tried to contact woo with little success. Then found you guys who helped solve the problem.

Often it is the little things which can stop us in our tracks. A big thank you for the simplified set of clear instructions.

I am making a website with Ocean WP and Elementor, however I am unable to see the menu at the top of all of my pages. It only appears at the top of the home page. So people can navigate to any page from the home page, however if anyone wanted to navigate back to the home page or to another page from there, it would tricky. Do you have a solution for this? Thank you!

We use the two menu system (i.e. primary/top & main/secondary menu) across our websites. And the top/primary menu does not appear on the mobile website.

One of our clients, want both the menus to be visible on the mobile site. Any suggestions on how to do that?

Hi and thanks for your support. I have a website almost completed, pretty basic but want to link the menu items to the page that relevant text exists and somehow be able to take the user back to the main menu with a back button. Can you please help.

Thanks

This was so helpful and it worked beautifully on my laptop. But on my iPhone the submenu categories I dropped into my Blog menu (which all show up indented as they should) also include the description I created of the category. On my laptop that appears on the archive page for each category but on the phone it appears in the dropdown, which makes it all look muddy. Is there a way to create yet another indent for just the descriptions under each category, effectively nesting three levels?

Hi there, I have created a nested menu which looks great in the desktop version, but when it gets to the mobile version everything nested is shown on the menu at once! It creates a super long menu page. I have a responsive theme and am unsure if can be fixed.

WordPress already has a navigation menu that you can use. On the navigation menus screen click on the pages and then click on View All. There you will see all your pages and an item called Home. Select home and then click on add to menu button.

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide high quality WordPress tutorials and other training resources to help people learn WordPress and improve their websites.

You can try my CPT Archive to Nav plugin and see if that gives you what you want. -archive-to-nav/ You have to click on the "Screen Options" menu at the top of the page, and then select the requested CPT's to be displayed on the screen. Then in the "View All" tab of the post type and the top selection should be the archive page.

This just masks it to be a custom menu item type instead of having to manually enter it in to create the menu. Currently there is not a way to create a new menu item type other than what is already available to you.

This describes the behavior I was used to before: by default, the menu was expanded to show both icons and words; you could collapse it to show only icons if you want via the collapse menu button at the bottom.

What seems to have happened is that the default is now switched: that is, by default, the menu is collapsed to show only icons; you can expand it to show both icons and words via the expand menu icon at the bottom.

My website was created by other professionals and now when I wanted to edit some content posted through ACF, I logged in as administrator and cannot find ACF plugin either in the plugins directory or the left sidebar menu. I installed ACF but it is still not showing on my side bar. I believe its hidden through code in functions.php.

What i believe is acf pro ( as I can see ACF pro in plugins folder ) was purchased and license was not renewed. I can see the text passed through ACF is there but I cannot see the plugin itself in the admin dashboard. DO you think that can be the reason?

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.

Plugins: Plugins are tools used to extend the functionality of the WordPress platform. However, they are only applicable to self-hosted blogs and web sites using the WordPress.org software. Plugins are not permitted here at WordPress.com for various security reasons.

I found this post searching for help with a similar issue with a self-hosted WordPress installation -- in this case it was a site that a friend had paid someone to make, but then took them off the work and asked me to help out.

There were several regular menu options missing -- it turned out to be down to a plugin called Admin Menu Editor that the previous web guy had installed to limit the options available to my friend, so they wouldn't mess with things.

I have never seen that problem before. However, try either expanding all the current menu items to see if "plugins" are listed there, or try deactivating some/all of your plugins to see if one of the plugins are conflicting somehow and making your plugins menu not display.

I know this is an old question but I hit this problem at work recently with a WordPress site I inherited that had been originally developed by an external company. I tracked it down to the roles assigned to the user account. The "admin" account I had been given was actually assigned a restricted role that didn't have permission to access most of the settings.

Fortunately, I have access to the database so I was able to modify the assigned role directly. The default database prefix in WordPress is wp but you may need adjust these steps according to your own database.

In the menu go to "My Sites" at the top of the page then click "Network Admin". (If you do not have this option you are not super admin.) Under "Network Admin" click "Dashboard" and then the plugins menu will appear. In your Network settings you can enable plugins for the sites.

The issue I was having was even trickier: No one was super admin. I fixed this by overwriting the "is_super_admin" function (simply returning true always) and then editing the settings as needed, before removing the overwrite again.

If you install a local WordPress the Plugins sub menu will not appear for any of the sites you work. Click My Sites area at the top of the page then click Network Admin and then click Dashboard. The Plugins sub menu will appear there. Then install new plugins and use it on sites on which you are working.Good luck.

I got the solution by analyzing Woocommerce. If no url is supplied to the add_menu_page function, WordPress uses the default dashicon. So it's just a matter of overriding the default style. Like add this to admin styles:

3a8082e126