Home » Tutorials » Add a page to the menu

Add a page to the menu

Select “Menus” under Appearance in the left nav.

addPageToMenu1

 

  1. Select “Primary Mega Menu (Mega Menu)” from the Select a menu to edit: dropdown.
  2. Click on the “Select” button.
  3. Check the box to the left of the page you want to add from either the “Most Recent” tab or click on the “View All” tab to search to find the page.
  4. Click “Add to Menu” button.
  5. Drag your page that has been added to the bottom of the menu to the location you would like it to appear.
  6. Click save menu.

addPageToMenu3

 

Adding Header text to your menu

  • Select the UberMenu Advanced Items
  • Check the Custom Content box
  • Click the Add to Menu button

uberMenu1

  • Drag the Custom Content block and nest it under the column you would like it to appear.
  • Hover over the Custom Content block and click on the Uber settings icon.

uberMenu2

  • Copy and paste the custom code in the box and change out the links and heading names. Then click Save Menu Item.
    • Custom code:

      headerStyles

      <span class="menu-header-gray">BoldGrayMenuHeader</span>

      <span class="menu-header-gray-lt">LightGrayMenuHeader</span>

      <span class="menu-header-red-lt">RedMenuHeader</span>

      <span class="menu-header-gray-lt"><a href="#">LightGrayMenuHeaderWithLink</a></span>

       

      <hr> (will get you a line that you can put ontop and below the headers)

      <hr style="margin-bottom:-20px;"> (will give a good line for under a heading with a list of items to fall under it)

       

uberMenu3

  • Then click Save Menu and you should then see this new item appear on your navigation.

uberMenu4