bacgroud item mega menu

how to give a different sub menu background according to the level 0 item.
example
item parent A and child c, d with a red background and
item parent B and in fant e, f with yellow background etc
you can see the site to see the menu that I customized

http://anatole.creation-site-web-maroc.com

best regards
Michel BUATON

Comments

  • edited February 2
    Hello,

    You can use the individual menu item class to create css selector for the specific menu item and its submenu. Each menu item has class "itemidXX", where XX is the ID of the menu item, e.g.
    .dj-megamenu li.itemidXX a.dj-up_a {
    background: #ff0000;
    }
    .dj-megamenu li.itemidXX:hover a.dj-up_a, .dj-megamenu li.itemidXX.hover a.dj-up_a, .dj-megamenu li.itemidXX.active a.dj-up_a {
    background: #ff0000 !important;
    }
    .dj-megamenu li.itemidXX:hover div.dj-subwrap, .dj-megamenu li.itemidXX.hover div.dj-subwrap {
    background: #ff0000;
    }
    .dj-megamenu li.itemidXX ul.dj-submenu > li > a:hover, .dj-megamenu li.itemidXX ul.dj-submenu > li > a.active, .dj-megamenu li.itemidXX ul.dj-submenu > li.hover:not(.subtree) > a {
    background: #ff0000;
    }

    Best
    Szymon
Sign In or Register to comment.