Change menu color

Hi @jpnkita,

Paste the following css code in custom css field (Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

.navbar .nav > .active > a, .navbar .nav > .active > a:hover
{
    background-color: #003c71 !important;
}

.navbar .nav > .active > a
{
	background-color: #003c71 !important;
}

Use of above code then checks your website.

Thanks

Thank you for the fast answer, it works ?? but can you provide me also the css code for the mouse over color.

Many thanks for your great work and the support quality

Hi @jpnkita,

Paste the following css code in custom css filed

.navbar .nav > li > a:hover
{
background-color: #003c71 !important;
}

Thanks

Thanks again for your help. Just a last thing before closing this call.
If you have a look to my website top menu, the last item have a sub menu.

1°) When I mouse over one item of the sub menu, the color of the menu switch back to the original color.

2°) There are 2 lines, one of the top and one of the bottom of the sub menu with the same light blue. I would like to change it aswell to my dark blue color.

Can tou provide me the CSS code to perform thos two changes?

Many thanks to all of you

Hi @jpnkita,

Paste the following css code in custom css filed,

.navbar .nav > li > a:focus
{
background-color: #003c71 !important;
}

.dropdown-submenu > a:after, .dropdown-submenu:hover > a:after { border-left-color: #003c71; }
.open .dropdown-menu { border-top:2px #003c71 solid !important; border-bottom:2px #003c71 solid !important; }

Thanks

Thank you for your assistance, the lines arround the dropdown menu are good now but when I “mouse over” the dropdown menu, the header of the dropdown menu is still in light blue like the small arrow just next to. Do you have a magical css code for me to change those two elements color?

Many thanks

Hi @jpnkita,

Paste the following css code in custom css filed,

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {  background-color: #003c71 !important; }

.navbar .nav > li > a .caret {
   border-top: 4px solid #003c71 !important;
}

Thanks

Many thanks, two small things are missing to complete this call and have the menu color completely changed.

1°) When I watch the my web site on a divice with a small screen, a squarre with 3 lines is displayed in place of the menu. I would like to change the color of this squarre to my dark blue.

2°) Change the color of the first letter of the site title displayed when there is no logo.

Many thanks for your support