Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2023 at 7:36 am #1413662
    stevewroche

    I want to add an underline under the menu item of the current active page. Can you please help me with the code that I need to do this? Thank you.

    July 19, 2023 at 11:11 am #1413694
    Rikard

    Hey stevewroche,

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

    nav.main_menu .current-menu-item .avia-menu-text {
  border-bottom: 2px solid;
}

    Best regards,
    Rikard

    July 19, 2023 at 3:11 pm #1413718
    stevewroche

    Thank you, that’s brilliant. How do I drop the line a bit further down so it’s not so close to the menu items – maybe 5 pixels further down?

    July 19, 2023 at 8:34 pm #1413750
    Rikard

    Hi,

    Please try this CSS instead:

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

    Best regards,
    Rikard

    July 19, 2023 at 9:02 pm #1413759
    stevewroche

    Perfect, thank you.

    July 20, 2023 at 12:37 am #1413764
    Nikko

    Hi stevewroche,

    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 ‘Decorations for menu items’ is closed to new replies.