Sam
(@soumendra)
Hello,
You can try this in your Custom CSS for achieving that:
.uk-navbar-nav li:nth-child(1) {
background-color: #fff;
}
.uk-navbar-nav li:nth-child(2) {
background-color: #000;
}
.uk-navbar-nav li:nth-child(3) {
background-color: #423;
}
.uk-navbar-nav li:nth-child(4) {
background-color: #ad4;
}
.uk-navbar-nav li:nth-child(5) {
background-color: #935;
}
.uk-navbar-nav li:nth-child(6) {
background-color: #abe;
}
.uk-navbar-nav li:nth-child(7) {
background-color: #285;
}
You can adjust the colors as per your requirement.
Hope that helps you. feel free to ask if there is any other problem.
Thank you.
Thread Starter
najd.d
(@najdd)
Sam you are a life saver 😀 it worked like charm but unfortunately when u go to a menu that got a sub menus they got colored too and i dont want the submenus to have any colored background, like if you go in the site to the companie menu u will get it .
Sam
(@soumendra)
Hello,
Sorry for the late reply, you can try this for the sub menu colors:
.uk-parent .uk-nav li a {
background-color: #213744;
border-bottom: 1px solid #111;
}
You can adjust the colors as per your requirement.
Thank you.
Thread Starter
najd.d
(@najdd)
Thank you , it worked beautifully .
Best regards