Black Friday & Cyber Monday 2019 Sale: Up to 40% OFF Storewide & Extra Gift
0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeBlogTutorials and Case studiesHow to Build a Mega Menu on Joomla Step by Step
October.22.2019

How to Build a Mega Menu on Joomla Step by Step

Menu is an important part in every website. It shows highlight information and helps visitors quickly navigate to their destinations. Especially, a mega menu is really helpful and necessary for a modern website. It is perfect for showing complex content rather than simple links.

How to Build a Mega Menu on Joomla Step by Step

Mega Menu can show categories and news with description, image, video, effects, products, add links to any page, static blocks with promotion banners and modules… or even custom HTML block.

In this tutorial, we will show you how to create and configure a mega menu with Sj Mega Menu extension on a Joomla template website.

configure mega menu module

Build a Mega Menu on Joomla Website

Step 1: Download

Download Sj Mega Menu Extension HERE.

If you're not a JEC member, please purchase it HERE - Save 45% discount on Halloween Promotion 2019. Limited time.

Step 2: Install the Sj Mega Menu Module

Unzip the zip package. Go to Extensions -> Extension Manager. In this page, click “Choose file”, select module package. Then click Upload & Install

Step 3: Configure the module

configure mega menu module

configure mega menu module

configure mega menu module

Step 4: Configure the menu

1. Menu HOME

Just select the article you want to display in home page.

configure mega menu module

2. Menu THEME WORKS

Set the menu width for 800px and select Full layout. Drag & drop banner modules into 5 columns.

configure mega menu module

2.1 Second level module: Standard

configure mega menu module

configure mega menu module

2.2 Third level menu: People

configure mega menu module

configure mega menu module

Configure the same for other 2nd & 3rd level menus.

3. Menu FLYOUT

configure mega menu module

For second & third level menus: Configure the same as in the THEME WORKS menu.

4. Menu MEGA MENU

configure mega menu module

For second level menus: Configure the same as in the THEME WORKS menu.

5. Menu IMAGES

configure mega menu module

6. Menu TABS

configure mega menu module

7. Menu DINAMIC

configure mega menu module

For second & third level menus: Configure the same as in the THEME WORKS menu.

Based on your website purposes and requirements, you can custom the mega menu module to display various contents. Sj Mega Menu extension can be used on SmartAddons's Joomla templates as well as any Joomla templates. With drag and drop function, you can easily, quickly build a professional Mega Menu for Joomla.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes