We've included several cool navigation options, that you can apply to your theme as needed!
From Megamenus, to Accordions, or just plain simple nav, it's your choice!
For each possible menu layout, proceed as follows:
- Edit all theme's .ascx layout files (for example home.ascx)
- Locate the menu script (located on the bottom of the file)
- Replace code as shown below
Default Menu
Horizontal
You will need to set the MenuStyle value to DefaultMenu and Orientation value to Horizontal
jQuery(function($) {
$("#MenuH ul").BindMENU({MenuStyle:"DefaultMenu",Orientation:"Horizontal"});
});
Vertical
You will need to set the MenuStyle value to DefaultMenu and Orientation value to Vertical
jQuery(function($) {
$("#MenuV ul").BindMENU({MenuStyle:"DefaultMenu",Orientation:"Vertical"});
});
Mega Menu
Our megamenus were design to provide you the best navigation experience.
They will automatically display a megamenu structure when nested sub items are present, or a regular drop-down sub-navigation, when only one sub level is present.
Horizontal
You will need to set the MenuStyle value to MegaMenu and Orientation value to Horizontal
jQuery(function($) {
$("#MenuH ul").BindMENU({MenuStyle:"MegaMenu",Orientation:"Horizontal"});
});
Vertical
You will need to set the MenuStyle value to Megamenu and Orientation value to Vertical
jQuery(function($) {
$("#MenuV ul").BindMENU({MenuStyle:"MegaMenu",Orientation:"Vertical"});
});
Accordion
You will need to set the MenuStyle value to Accordion and Orientation value to Vertical
jQuery(function($) {
$("#MenuV ul").BindMENU({MenuStyle:"Accordion",Orientation:"Vertical"});
});
Comments