How i can change background color of primary menu?

HTML & CSS
1

hi sir
how are you!
kindly guide me! how to change the color of menu.
https://zainjewelers.com/

https://i.imgur.com/tGkeXFP.png screenshot

color : #a17421
thanks

2

Use inspector to find elements where to change colors, i spent less than a minute to find it

#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background-color: #a17421 !important;
}

#mega-menu-wrap-primary-nav {
    background: #a17421 !important;
}

.primary-nav {
    background-color: #a17421 !important;
}
2 Likes
3

You missed one :slight_smile:

#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: #a17421;
}

Or the whole lot together:

#mega-menu-wrap-primary-nav,
.primary-nav, 
#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background-color: #a17421;
}
2 Likes
4

thanks

2 Likes
5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.