Change selected menu background color

Hello,

How can i change background color for the selected <li> in menu ?
I want change backround color for the clicked <li>, not the background when mouse is hover the <li>

Thanks

Comments

  • Hi @didier68,

    Thanks for contacting us!

    Go to Appearance >> Customize >> Theme style settings and change background color. 
    Refer to this screenshot.

    Thanks
    Dev

  • Hi,

    Thanks for the reply but that i want is override by css the color define by your theme.
    All i change tested in css does'nt override the background for the <li>

    I work with your orange theme but I have also define the nav backrground in orange too.
    This is why i want change the default orange background for the <li> selected

    Thanks
  • Hi,

    Have you understand what i want to do ?

    I will only change by css the background for the <li> selected in menu.
    Can you help me ?

    Thanks,
    Didier
  • devdev
    edited August 27
    Hi,

    To do this, Go to Appearance >> Customize >> Header settings >> Custom CSS box and add the given below custom CSS code

    .navbar-default .navbar-nav > .active > a{
    background-color:#23dbb7!important;
    }
    .navbar-default .navbar-nav > .active > a:hover{
    background-color:#23dbb7!important;
    }

    You can change the value of background color as per your need.

    I hope it will work for you!

    Thanks 
    Dev
  • Hi,

    Perfect, it's works, 
    I was trying to put the code in the style.css file from my child theme, that's why it didn't work.

    Thank you very much.
    Have a good day

    Didier



  • Hi,

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks
    Dev
This discussion has been closed.