Vivienne - Navigation menus

For detailed instructions on how to create and use menus in WordPress, click here.

Navigation menu locations

The Vivienne theme has 4 navigation menu locations:

  • Primary = Menu to the right of your site title/logo
  • Secondary = Not used in the demo, but this menu could be incorporated into your site header via the Header Builder 
  • Mobile = Menu that displays on mobile devices only
  • Footer = Menu at the bottom left corner of your website

Primary Navigation

  1. In your WordPress dashboard, go to Appearance > Menus.
  2. Click Create a New Menu. Give your menu a name (such as "Main Menu") and click Create Menu.
  3. Add the pages/categories you want to have in your primary navigation menu.
  4. At the bottom of the page, under Menu Settings, select Primary. Save Menu.

Secondary Navigation

(Not shown in the demo)

  1. In your WordPress dashboard, go to Appearance > Menus.
  2. Click Create a New Menu. Give your menu a name (such as "Secondary Menu") and click Create Menu.
  3. Add the pages/categories you want to have in your secondary navigation menu.
  4. At the bottom of the page, under Menu Settings, select Secondary. Save Menu.

Mobile Navigation

  1. In your WordPress dashboard, go to Appearance > Menus.
  2. Click Create a New Menu. Give your menu a name (such as "Mobile Menu") and click Create Menu.
  3. Add the pages/categories you want to have in your mobile navigation menu.
  4. At the bottom of the page, under Menu Settings, select Mobile. Save Menu.
The content of the mobile menu "off canvas" area can also be fully customized! Click here.

Footer Navigation

  1. In your WordPress dashboard, go to Appearance > Menus.
  2. Click Create a New Menu. Give your menu a name (such as "Footer Menu") and click Create Menu.
  3. Add the pages/categories you want to have in your footer navigation menu.
  4. At the bottom of the page, under Menu Settings, select Footer. Save Menu.