Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 25, 2023 at 5:22 pm #1414396
    stevewroche

    This message refers – https://kriesi.at/support/topic/decorations-for-menu-item

    You kindly gave me CSS code to get an underline on the menu item for the active page on the menu.

    However, when you go into a submenu item on a dropdown menu item, all the submenu items have an underline and not just the active one.

    Could you make a slight tweak to the code you provided please – the code you gave me was:

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

    Thank you.

    July 25, 2023 at 10:14 pm #1414428
    Rikard

    Hey stevewroche,

    Please try this CSS instead:

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

nav.main_menu .sub-menu .current-menu-item .avia-menu-text {
  border-bottom: none;
}

    Best regards,
    Rikard

    July 26, 2023 at 6:39 am #1414479
    stevewroche

    Thank you for that. However, that code doesn’t put an underline on the active page on the submenu – it puts an underline on the non-active pages on the submenu. Can you tweak it so that the active page on the submenu has an underline but the non-active pages on the submenu do not. Thank you.

    July 26, 2023 at 10:51 am #1414501
    Rikard

    Hi,

    Please try this CSS instead:

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

    Best regards,
    Rikard

    July 26, 2023 at 10:58 am #1414508
    stevewroche

    Thank you, that puts the underline on the active submenu page but not on the other pages when they are active.

    July 27, 2023 at 7:58 am #1414618
    Nikko

    Hi stevewroche,

    I tweaked Rikard’s code a bit, please try to use this one:

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

    Best regards,
    Nikko

    July 27, 2023 at 9:12 am #1414625
    stevewroche

    That’s brilliant – it works; thank you so much.

    July 27, 2023 at 10:40 am #1414641
    Nikko

    Hi stevewroche,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Further question on my decorations for menu item topic’ is closed to new replies.