Okay
  Public Ticket #1637229
How to disable highlighting the currently selected menu
Closed

Comments

  • Mark started the conversation

    Hi 

    Refer to the screenshot, I do not want the currently selected menu item to be highlighted.

    Rather, I want to be able to just highlight the menu item as I mouseover the menu.

    Please advise how I can disable highlighting the currently selected menu?

    Attached files:  How to disable highlighting the currently selected menu.png

  •  542
    Support Agent 1 replied

    Hi Mark,

    In order to remove the white background color from the current menu item please add the following code:

    .btMenuHorizontal .menuPort ul > li[class*="current"] > a {
        background-color: transparent;
        color: white;
    }
    in order to remove the white bar above the current menu item please add the following code:

    .btMenuHorizontal .menuPort ul > li.current-menu-item {
        border-top: 3px solid transparent;
    }
    In order to keep the white color on hover please add this code:

    .btMenuHorizontal .menuPort ul > li[class*="current"] > a:hover{
        background-color: white;
        color: #75c147;
    }
    In order to remove the shadow that appears on the menu items please add this code:

    .btMenuHorizontal .menuPort ul > li a::after {
        background: none;
    }
    In order to keep the blue color of the first menu item in the drop down menu please add the following code:

    .btMenuHorizontal .menuPort ul > li[class*="current"] ul li a {
        background-color: transparent;
        color: #63b1c3; }
    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Mark replied

    Hi

    Perfect! It works!

    You are awesome! Thank you for taking time to explain the functionality of the codes.

  •  542
    Support Agent 1 replied

    Hi Mark,

    You're welcome! Glad we could help!

    If you are satisfied with our support or you like our product, please consider leaving us a rating. We would really appreciate it! Thanks!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!