Okay
  Public Ticket #3012316
Sub menu colors
Closed

Comments

  •  1
    Luis started the conversation
    March 28, 2022 at 11:38pm

    Hello.

    Please, could you tell me how to modify the styles of the submenu? I am interested in changing the background color and text.

    Thanks in advance.

  • [deleted] replied
    March 29, 2022 at 7:51am

    Hi Luis,

    You can add codes below to your Custom CSS area:

    .nav-container-main-menu ul.sub-menu {
    border-radius: 4px;
}
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul {
    background-color: #738e9c;
}
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a {
    color: #fff;
}

    you can change their colors based on your needs.

    Have a nice day!

  •  1
    Luis replied
    March 30, 2022 at 6:16pm

    Thanks.

    One last detail:

    How do I change the color of the underline in the submenu?

    Thank you very much for your help.

  • [deleted] replied
    March 31, 2022 at 7:32am

    Hi Luis,

    Here is the CSS code:

    .sub-menu a:after {
    background-color: red !important;
}

    Have a nice day!