|
↳ See all 15 articles
/ Documentation /Astra Pro Modules/Pro Features/Page Headers/ How to Show Separate Menus on Different Pages

How to Show Separate Menus on Different Pages

Sometimes, you may need to display a different navigation menu on specific pages of your website. Astra makes this easy by allowing you to show separate menus on different pages, posts, and other post types. This guide walks you through two ways to set this up.

Method 1: Using the Page Headers Module (Astra Pro)

This is the quickest way to display a separate menu on specific pages without using any external plugin. You can control which pages show a different menu by setting display conditions on the Page Header.

Note:

 This method works only for the Primary Menu in the header. If you need to change other menu elements, see Method 2 below, or consider creating a custom header using the Site Builder module.

You can follow the steps below to show different menus using the Page Headers module:

  • First, make sure you have installed and activated the Astra Pro plugin.
  • Then, enable the Page Headers module of Astra Pro.
  • Navigate to Page Headers and create a new Page Header design.
  • In the Page Header, switch to the Site Header and select the Primary Menu you wish to change.
  • In the Display Rules, select the pages where you want this page header with a different menu to appear.
  • Lastly, click on the Publish button to save the changes.

The menu will now change automatically on the pages you specified, while all other pages continue to show your default menu.

Method 2: Using the Conditional Menus Plugin (Free)

If you have multiple menu locations on your site or prefer a plugin-based solution, the free Conditional Menus plugin is a great option. It lets you assign different menus to different pages across any menu location.

You can follow the steps below to show different menus on different pages.

  • At first, install and activate the Conditional Menus plugin.
How to Show Separate Menus on Different Pages
  • Navigate to Appearance > Menus and select the menu that you wish to add display conditions.
How to Show Separate Menus on Different Pages
  • Click on the Manage Locations tab
  • Here, you can assign the display conditions and select the menu to be displayed on the pages.
How to Show Separate Menus on Different Pages
  • Click on the Conditions and then select the pages to which you want to apply the menu.
How to Show Separate Menus on Different Pages
  • Save changes, and the menu will change according to the provided conditions.

The above option can be helpful when there are multiple menus on the website. You can create as many menus and display them according to your requirements.

We hope this article has been helpful. Please feel free to leave a comment if you have any questions.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page
Want Faster Support?
Priority support within 2 hours
Best engineers to address you
Exclusive discounts on other products
Scroll to Top