Mega menu default could not support about this but you try with my solution
This is example mega menu 3level
<blockquote>Open templates/ja_university/css/menu/mega.css file</blockquote>
add new script below
.megamenu .level1 {
background: red;
}
.megamenu .level2 {
background: white;
}
.megamenu .level3 {
background: blue;
}
ul.megamenu {
margin:0px !important;
}
continue with change css file
<blockquote>Open templates/ja_university/js/menu/mega.js file</blockquote>
from
options: {
slide: 0, //enable slide
duration: 300, //slide speed. lower for slower, bigger for faster
fading: 0, //Enable fading
bgopacity: 0.9, //set the transparent background. 0 to disable, 0<bgopacity<1: the opacity of the background
delayHide: 500,
direction: 'down',
action: 'mouseenter', //mouseenter or click
hidestyle: 'normal',
offset: -5,
fixArrow: false
}
change to
options: {
slide: 0, //enable slide
duration: 300, //slide speed. lower for slower, bigger for faster
fading: 0, //Enable fading
bgopacity: 0.9, //set the transparent background. 0 to disable, 0<bgopacity<1: the opacity of the background
delayHide: 500,
direction: 'down',
action: 'mouseenter', //mouseenter or click
hidestyle: 'normal',
offset: 0,
fixArrow: false
}
Ali Saglam 12 years, 3 months ago.
