Sdrevanos

Working With Menu

Home
  ›  
Documentation
  ›  
Working With Menu
You are here:

How to set up Menus

After first activation theme your site will be look like on picture leftward. To create and activate your new menu follow the steps below:

  • Step 1 – Log in to that site as an administrator.
  • Step 2 – Go to Appearance -> Menus panel.
  • Step 3 – Give your menu a name and click “Create Menu” button
  • Step 4 – Add few pages form “Pages” tab or few simple links form “Links” tab.
  • Step 5 – Save your menu.
  • Step 6 – Navigate to “Manage Locations” tab (at the top of the screen).
  • Step 7 – Choose your new menu as “Main Navigation”.
  • Step 8 – Save changes.

doc-menu

Menu style

First of all you to sitch on “CSS Classes” and “Description” for menu items

  • Step 1 – Navigate to “Screen Options” at the top of the sreen.
  • Step 2 – Set checkboxes to “CSS Classes” and “Description”.
  • Step 3 – Now if you will open on of you menu items you will see few new field.

doc-menu-1

Second, lets play with our “Description” field and sub menus

  • Step 1 – For example add to your first menu item few sub menu levels and pages.
  • Step 2 – Fill “Description” filed in your first level menu items.
  • Step 3 – Save your menu and let’s take a look what we got.

doc-menu-3

doc-menu-2

Third, let’s transform our standard menu to “Mega Menu”

  • Step 1 – Open your first level menu (“Home” on my example).
  • Step 2 – Add calss “sub” to “CSS Classes” field.
  • Step 3 – Save your menu and let’s take a look what we got.
If will also add class “mega” to “CSS Classes” field, then after page scroll your submenus will be aligned to the left

doc-menu-4

doc-menu-5

Footer Menu

  • Step 1 – Log in to that site as an administrator.
  • Step 2 – Go to Appearance -> Menus panel.
  • Step 3 – Give your menu a name and click “Create Menu” button
  • Step 4 – Add few pages form “Pages” tab or few simple links form “Links” tab.
  • Step 5 – Save your menu.
  • Step 6 – Navigate to “Manage Locations” tab (at the top of the screen).
  • Step 7 – Choose your new menu as “Footer Navigation”.
  • Step 8 – Save changes.
Copyright 2014 Sdrevanos Powered by OpenIt