Okay
  Public Ticket #2679904
Main Menu formatting
Closed

Comments

  •  1
    mittenknitter started the conversation
    February 3, 2021 at 11:21am

    Hello,

    I am trying to change formatting of the main menu like:

    1. Remove underline on hover and active

    2. Introduce new colour on hover and active

    I have looked into Theme Editor but there are several CSS files for main Kalium and Travel Child themes and I was unable to find where to change the settings.

    I also put some Custom CSS code for test but that does not seem to work either.

    Thanks

    Jane

  • [deleted] replied
    February 4, 2021 at 9:20am

    Hi Jane,

    1— Please add the code below to your Custom CSS area:

    .standard-menu-container div.menu>ul>li>a:after, .standard-menu-container ul.menu>li>a:after {
        background-color: transparent;
    }

    2— Add this CSS code to your Custom CSS:

    .standard-menu-container div.menu>ul>li>a:hover, .standard-menu-container ul.menu>li>a:hover {
    color: red;
}
.standard-menu-container div.menu>ul>li.current-menu-item>a, .standard-menu-container ul.menu>li.current-menu-item>a {
    color: red;
}

    This will make the red color in active and hover. Just change the red to a color that you prefer.

    Have a nice day!