Top Banner

Top Menu

Content

How to set modules in the offcanvas of DJ-MegaMenu? 4.0 out of 5 based on 4 votes.
how to set modules in offcanvas

In this tutorial I’ll show you how to create and publish module in the offcanvas of DJ-MegaMenu. I assume that you already know a bit about this extension, how to use and manage it. If it is not, then I invite you to read: documentation of DJ-MegaMenu

What is offcanvas menu? How can I set it?


I assume that you have a menu that looks something like that:

image00

image09

 

Offcanvas menu is a menu that is displayed in the sidebar. It is especially useful in responsive views, where the width of the screen is narrow. Thanks to the sidebar menu, we are sure that the menu will be visible, and navigation through the website will be easy and comfortable.

How to set it? Go to the Extensions-> Modules-> Your DJ-MegaMenu Module

image10

Go to the “Mobile Menu Option” tab.

image07

Mobile Menu- choose Offcanvas Menu
Mobile menu trigger width- type the screen width (in pixels) below which the usual menu will change to offcanvas menu.

Click save and close. Your menu in a given screen width should looks like that:

image04

Now I'll show you how to create your own modules in offcanvas menu.
There are the modules positions:

image03

dj-offcanvas-top -this is standard module position.
Just go to Extensions-> Modules-> Your module and publish module in “dj-offcanvas-top” module position. Don’t worry if you can’t find this name in the list of available positions, this is an internal position of the module and it probably won’t be on the list of template positions. Type the name of position and press Enter.

image01

image02

Click save and close.

dj-offcanvas-bottom -this is standard module position
Just go to Extensions-> Modules-> Your module and publish module in “dj-offcanvas-bottom” module position. Don’t worry if you can’t find this name in the list of available positions, this is an internal position of the module and it probably won’t be on the list of template positions. Type the name of position and press Enter.

image01

image05

Click save and close.

Congratulations! In this way you’ve published modules in Offcanvas menu.

 image06

 

Tags: DJ-Catalog2

Found this article interesting? Subscribe for more.
Or share this article with your friends.
Friday, 06 May 2016 12:42
 
User Rating:  (4)
PoorBest
 

Footer Menu