Joomla Templates Club 406,261 posts

[Ali Saglam Friend Ali SaglamJoin date: September 2014Posts: 5Downloads:0Uploads:5]

#181696

Hi, Im using JA_Universitas, its really a nice template. I looked a little bit in the mega.css but Im unsure if it is possible.
I’d like to have my megamenu with different background level colors.
Level0 = Level1=color1
Level2 = color2
Level3 = color3
Level4=color4 ..
You can see on attachement, how I’d like to change it.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#471165

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 Friend Ali SaglamJoin date: September 2014Posts: 5Downloads:0Uploads:5]

#471297

Worked great, thanks!!!

[Author]

Posts