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)

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept
Reject
Privacy Policy