Have you ever found yourself in need of a different menu on different pages for your WordPress website? If yes, you’ve come to the right place. In this article, I am going to show you how you can add a different menu for each page of your WordPress website. No plugins or coding skills required.
Why and when would you need a different menu on different pages
There are many reasons and scenarios that require this feature, but the main one, in my opinion, is an enhanced user experience. For example, you might have to segregate your end users into different categories. Like a bank does with their customers. Their customers have different judicial entities (individual, corporate or institutional) so they need different options for their online banking accounts. As a consequence, a different main menu needs to be displayed for each account type.
How to add a different menu on each page
Follow the below steps or watch the video at the end of the article on how to create a different menu on different pages.
- On the Dashboard of your website go to Appearance -> Menus
- In the Edit Menus tab create 2 different menus (or as many as you need)
Tip! Name the menus suggestively so you can easily identify them later.
Note: I created 2 menus. One named General_menu (which will be displayed on all pages except the Home Page) and one named HomePage_menu (which will be displayed only on the Home Page).
- Set the same display location for both/all menus so they replace one another when you load the other page
- Place the desired links in each menu
- Switch to Manage Locations tab and assign each menu to the desired page
Note: As can be seen in the image below I assigned my General_Menu as the main Header Menu. To add the HomePage_Menu to a specific page you need to press the Conditional Menu button.
Once you pressed the Conditional Menu button a new line will be added. Select the HomePage_Menu and then press the Conditions button. A pop-up window will appear. Select the page you want to display this menu (Homepage in my example) and click Save. You are done! Test it.
See all the above steps explained in the video below.
Check out other useful tricks for WordPress:
- How to create One Page menu in WordPress
- Lear all about WordPress child theme
- Having troubles? See how debugging in WordPress works