Change menu button background color

I'd like to change the menu buttons so that there isn't any color background on "home" or on the dropdown links.


  • edited February 2017

    For this simply add the below css code inside the custom css box . 

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #3e3430 !important;

    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .dropdown-menu, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu .active > a:focus {
        background-color: #5f3d30  !important;
    .dropdown-menu > li > a {
        border-bottom: 1px solid #423834 !important;

    Let me know for further assistance . 

  • Hi 

    Did your issue resolve ?

  • Hi,

    I would like to do something similar, and the discussion-title fits relatively my request. (So tell me if I should nonetheless open a new discussion):

    On the site I would like the main menu to behave as follow:

    When hovering on a menu-item: 
    - background color and font color change as in focused item. 
    - No display of submenu-items
    - only when clicking on it submenu-items are displayed-

    thnx in advance for your kind help!
  • Hi  @elxolote

    Thanks for  asking query to us . 
    Sure we will assist you dear . Pls create separate ticket bz  posting  issue in other client ticket create complexity to handle  support query . 
    So always open your own ticket . 

This discussion has been closed.