Jul 232013
 

Suffusion Mega Menu Tutorial shows you how to add an extra mega menu to your navigation bar.

This tutorial follows after the previous tutorial Creating a Suffusion Menu above the Header.

Please follow the following instructions.

1. Go to Appearance >> Menus and select your current menu or create a new menu.

2. Add a new item to this menu called “Anything you want” I labeled mine Extra Menu and set it up as a Custom Link with URL #. This will avoid creating a link because you just want the menu to display on your navigation and not link away. Click Add to Menu. See images below:

In the following image we have set up a URL with # and Labeled the menu Extra Menu.

suffusion-custom-link

In the following image we added Mega Menu Widget Area 1

extra-menu-option-2

 In the following image we selected the number of columns and set it to 1. Set the Height of widget to Equal height for a row.

extra-menu-options

3. Associate a Mega Menu widget area to “Anything you want”, for example we will use Mega Menu Widget Area 1. Add other widgets of your choice. I have added Search: Search, Pages and Links. See image below:

mega-menu-widget

4. Now go back to your front page and view the new added menu to your navigation bar.  See image below:

nav-menu-new

Now you have a mega menu added to your navigation bar. Come back for more.

Enjoy :)

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

twenty + 19 =