[Susan]

I want to change the color of the Header Top Menu. However, I don’t have an option to change the color of the Header Top Menu in the Color Options menu under Customization. I can change the color of all the other menus. Suggestion?

[Mahesh]

Hi @skstewart,

You can achieve it with Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

/* Header Top Background Color */
#header-top {
    background-color: #ff0000;
}
/* Nav menu color and background color on hover/focus */
#header-top .nav-header-top .clean-journal-nav-menu li:hover > a, #header-top .nav-header-top .clean-journal-nav-menu li > a:focus {
    background-color: #00ff00;
    color: #fff;
}
/* Active Nav menu item color and background color */
.nav-header-top .clean-journal-nav-menu li.menu-item.current-menu-item > a, .nav-header-top .clean-journal-nav-menu li.menu-item.current-menu-ancestor > a {
    background-color: #ffff00;
}

Note: Please change the color hex value to your desired color.

Regards,
Mahesh

[Author]

Posts