Menu change colour in mobile devices when click over it

Hi, I would like the menu in mobile devices change background colour when I click on the selected menu.
I attach the screenshot. 
www.ski-unlimited.com

Thank you.
Screenshot_20190812-122223_Samsung Internet.jpg
388K

Comments

  • edited August 12
    Hi
    Thanks for contacting to us.
    For  this add the below css code inside the custom css box. 


    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .navbar .navbar-nav > .active > a 
    {

    background-color: #a71a1a;
    }

    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus 
    {
        color: #b19d9d;
    }

    }

    Change color code value as your need.
    let us know for any confusion.

    Thanks
    Akhilesh

  • Hi Akhilesh,
    it doesn't work, it looks the same. Maybe because I have many CSS customization. 
    I attach the CSS file.
    Thank you. 
    CSS CODE.docx
    69K
  • edited August 13
    HI 
    Remove previous css i have  suggested you and add the below css code.

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .navbar .navbar-nav > .active > a 
    {
    background-color: #a71a1a ! important;
    }
    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus 
    {
        color: #b19d9d ! important;
    }
    }

    Let me know for any confusion.

    Thanks
    Akhilesh
  • Hi Akhilesh,
    it doesn't work. It is the same.

    Thank you.
  • Hi 
    I have checked  your website mobile menu , the active  menu color and  hover menu color is looking good.
    See the snapshot http://prntscr.com/ose7s8

    You can also check here  .
    If still you have issue pls tell me one by one menu by indicating menu in snapshot, For theme you have issue.

    Thanks for your patience.

    Thanks
    Akhilesh
  • Hi Akhilesh,
    You are right, it works.
    The band color appear in black when I click on the selected menu. I would like the band appear in light grey (like the screenshot I attached), how do I change the color?
    Many thanks.
  • Hi
    I didn't find any attachments.
    Pls send me screen shot again.

    Thanks
    Akhilesh
  • I attach the screenshot.
    Thank you
    Screenshot_20190812-122223_Samsung Internet.jpg
    388K
  • Hi 
    There is to many css you have added inside the custom css box.  That's why there is some css conflict occurs at your  end.
    If possible send me your  admin detail  at my email address.


    Thanks
    Akhilesh


Sign In or Register to comment.