Focus Theme: How to Change Menu Color

Erin Pearson
asked 10 years ago

Hi, my website is http://www.happyhealthymusician.com
I can’t figure out how to change the menu color using the FOCUS theme. I do realize that is what the CSS code is for but am not familiar enough with the code to know what I would write. Please advise.
-e

1 Answers

DominicStaff
answered 10 years ago

Hi,
Change color of menu (example: menu bar to black and menu items to white.)
– To resolve this issue you can go to Dashboard / Appearance / Customize / General Settings, and add this code below to Custom wp_head() code section:

<style>
@media(min-width: 980px){
 .navbar,
 .navbar .nav .menu-parent-item:hover>.sub-menu,
 .navbar .nav .menu-parent-item:hover .sub-mega-wrap {
 background: #000;
 }
 .navbar .nav .menu-parent-item:hover>.sub-menu,
 .navbar .nav .menu-parent-item:hover .sub-mega-wrap,
 .navbar .nav .menu-item-object-category .sub-mega-wrap .subcat li {
 border-color: #222;
 }
 .navbar .nav li a {
 color: #fff !important;
 }
 .navbar .nav li a:hover {
 color: #ee3224 !important;
 }
 .navbar .nav .current_page_item > a,
 .navbar .nav .current-menu-item > a,
 .navbar .nav .current-post-ancestor > a,
 .navbar .nav .current-menu-parent > a,
 .navbar .nav .current-menu-ancestor > a {
 color: #ee3224 !important;
 }
 .navbar .nav li {
 border-color: #222;
 }
 .navbar .nav .menu-item-object-category .sub-mega-wrap:before {
 background-color: #222;
 }
}
</style>

If you still face there issue, you can send me a screenshot for further checking.
Hope this helps !