1. Home
  2. Docs
  3. Shortcodes
  4. Menu Shortcode

Menu Shortcode

The menu shortcode is the most important shortcode in our themes, since it renders your website’s navigation menu and adds all your website’s pages automatically.

The shortcode has a couple of behaviours:

  • Once you publish a new page on your website, this shortcode detects the new page and adds it to the navigation.
  • It automatically switches to responsive mode (hamburger menu) in smaller screens (Tablets, smartphones).
  • The shortcode arranges the page order according to the order you set to your pages in the Pages section.
  • If you create a menu under ‘Appearance -> Menus’ in the WordPress backend, the shortcode will display the page order from ‘Appearance-> Menus’ instead.
  • The shortcode also accepts a class attribute for styling purposes.

Usage:

[​menu name="" class=""]

Output:

▶ Desktop

Desktop Menu

▶ Mobile

Mobile Menu

Multiple menus

If you create multiple menus under ‘Appearance -> Menus’, you can use the menu shortcode multiple times in different parts of your website, however you must define the menu name within the shortcode with the name=”” attribute. This allows you to specify which menu you want to use.

Example: if your menu name is ‘Custom Navigation’, the shortcode would be
[​menu name="Custom Navigation"]

Was this article helpful to you? No Yes

How can we help?