In Madrid you can built unlimited locations menu

There is 2 menu by default (Main menu location, Footer)

Create New Menu LocationCreate New Menu Location

To Create a new Menu location, Please follow the following instructions:

  • Go to the main Admin panel
  • Go to Appearance-> Menus
  • Click on Theme Options
  • Click on Menu Locations-> Add new 
  • Add Menu Location Name and Slug
  • Important … Slug must be unique and lowercase and doesn’t contain space
  • Click on Add new then Save Changes

Assign Menu to this locationAssign Menu to this location

  • Create New Menu and Build it as a Normal Menu
  • Assign it to the new Location

Showing the menu in theme.Showing the menu in theme.

You Have 3 Options to show your Menu

  • Code125 Menu Widget
  • Shortcode menu
  • Layout Builder element menu

Each of them have the following Options

  • Menu Location: Choose the Menu Location that you will show.
  • Background Color Mode: Choose the background color mode if it is light, dark or colored
  • Menu Style: Choose the Menu Style “All explained below aided with screenshots”
  • Responsive: Choose if the menu rendered responsive or not

Available Menu StylesAvailable Menu Styles

  • Default:

  • mini:

  • Full Width:

  • Centered, the same as full width but centered in the page
  • Sidebar:

 

Adding Icon Menu IconAdding Icon Menu Icon

  • Go to Appearance -> Menu and Open any Menu item 
  • Add the Icon Class to the input field “Icon Class”