Home › Forums › WoodMart support forum › Underline active menu item

Underline active menu item

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 20, 2023 at 12:05 pm #452577

    Fredcasas
    Participant

    Hi the team,

    As I did not find the solution in the forum, I am asking you the question.

    My main menu is underlined and colored differently on hover, that’s what I want. But on active, it return on the former color and it’s not underlined.

    What i would like is to have the same permanent underline and color on active item in order to let the visitor now wher he is on the site.

    Thanks.
    Fred

    March 20, 2023 at 4:44 pm #452695

    Aizaz Imtiaz Awan
    Keymaster

    Hi,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .wd-nav[class*="wd-style-"]>li.current-menu-item>a {
color: green;
      text-decoration: underline  !important;
}

    Best Regards.

    March 20, 2023 at 5:13 pm #452710

    Fredcasas
    Participant

    Hi,
    Sorry but that is not what I would like to have.
    May be my explanation was not clear enough.

    I would like to have the menu item underline when active. Please find my JPG enclosed.
    Best regards.
    Fred

    Attachments:
    You must be logged in to view attached files.
    March 21, 2023 at 10:48 am #452916

    Aizaz Imtiaz Awan
    Keymaster

    Hi,

    Please change the code as per your need.

    .wd-nav[class*="wd-style-"]>li.current-menu-item>a {
	color: gray;
      text-decoration: underline;
	text-decoration-color: blue !important;	
}

    Best Regards.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)