Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 2, 2022 at 2:44 am #1346949
    SofieHelm

    Hi!
    In the main menu of my website, I would like the active menu item being underlined.

    I tried to add this CSS code from another Topic, but it neither works:

    .builder-item–primary-menu .nav-menu-primary>.primary-menu-ul li.current-menu-item>a {
    text-decoration: underline !important;
    }

    April 2, 2022 at 10:28 am #1346964
    Rikard

    Hey SofieHelm,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av_minimal_header .avia-menu-fx {
    display: block;
}

    Best regards,
    Rikard

    April 5, 2022 at 5:23 am #1347210
    SofieHelm

    Hi Rikard,
    Thanks a lot. It works, but it’s the border of the cell that got a border (If I understand well what’s happening) and not the word of the menu. As the border of the cell and the word are about 50 px away from each other, it doesn’t look nice. Do you have a solution for that?

    Home

    Thanks in advance!!!

    April 5, 2022 at 11:07 am #1347244
    Rikard

    Hi,

    Please try this CSS instead:

    .current-menu-item .avia-menu-text {
    border-bottom: 2px solid #b35ba4;
    padding-bottom: 5px;
}

    Best regards,
    Rikard

    April 6, 2022 at 5:22 am #1347341
    SofieHelm

    This is what I was looking for. Thank you so much!!

    April 6, 2022 at 8:40 am #1347360
    Nikko

    Hi SofieHelm,

    I’m glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Underline active main menu item doesn't work’ is closed to new replies.