submenu background color

  • Resolved wsamvanderlinden

    (@wsamvanderlinden)


    5 years, 3 months ago

    Hi guys,

    I want to change the submenu background color in my header to black.
    Please see the menu on my website elixirlife.nl, under the SHOP menu appears a submenu with a white background.

    Any suggestions on how to change this?
    I’ve tried adding CSS code, but this didn’t change the background color.

    BR,
    Wouter

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • MayKato

    (@maykato)

    5 years, 3 months ago

    Hello,

    You can use the following CSS code to change the background color:

    .navbar-nav .dropdown-menu {background-color:#000;}

    I hope it helps.

    Thread Starter wsamvanderlinden

    (@wsamvanderlinden)

    5 years, 3 months ago

    @maykato That totally helped! Thanks!

    Thread Starter wsamvanderlinden

    (@wsamvanderlinden)

    5 years, 3 months ago

    Unfortunately these submenu’s come with a golden background once I click on them. Any clue on how to change that?

    I’ve tried:
    .dropdown-menu>.active>a {
    background-color: #FFF !important;
    color: #000 !important;
    }
    .dropdown-menu a:hover{
    background-color: #FFF !important;
    color: #000 !important;
    }

    MayKato

    (@maykato)

    5 years, 3 months ago

    Hello,

    You can try the following code:

    .navbar-nav .dropdown-menu .active .dropdown-item {background-color:#fff !important; color: #000 !important;}

    I hope that helps.

    Thread Starter wsamvanderlinden

    (@wsamvanderlinden)

    5 years, 3 months ago

    @maykato That did the trick!
    Thank you very much!

    MayKato

    (@maykato)

    5 years, 3 months ago

    Hi @wsamvanderlinden

    Glad to hear it worked. I’m marking this thread as resolved. If you have any other questions, feel free to open a new topic 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘submenu background color’ is closed to new replies.