Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #85052
    Susan
    Participant

    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?

    #85071
    Mahesh
    Participant

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Change Color of Header Top Menu’ is closed to new replies.