Public Forums 71,145 posts

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#198338

Large mainmenu with multiple levels of submenus and using megamenu.

Example on website …
MAIN MENU is blue
– LEVEL 1 SUBMENU is dark green
— LEVEL 2 SUBMENU is dark green.
— LEVEL 3 SUBMENU is dark green.

How do I change LEVEL 2 to be a different color than LEVEL 1?
How do I change LEVEL 3 to be a different color than LEVEL 1 and LEVEL 2?

Ergo I want each submenu level to be a different color.

I’m new at this so details please … name of file(s) to edit … details on what code I need to add/change/delete in each file.

Thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#537320

Go to this File: /templates/purity_iii/css/template.css

/* First level Dropdown */
.navbar-nav li .nav-child{
background: #666666 ;
}

/* Second level Dropdown */
.navbar-nav .level1 .nav-child{
background: #FF0000 !important;
}

/* thirdlevel Dropdown */
.navbar-nav .level2 .nav-child{
background: #0000FF !important;
}

/* Fourth level Dropdown */
.navbar-nav .level3 .nav-child{
background: #00FF00 !important;
}

change the color to any you want.

2 users say Thank You to chavan for this useful post

1. greinert
2. rafghost2

[Author]

Posts