Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 10, 2018 at 1:04 am #1031879
    mikeens

    Hello,

    I was using this code to add a highlight border around my active menu item.

    /*CHANGE ACTIVE MENU – BORDER – MARGIN – PADDING – BACKGROUND-COLOR – BORDER-RADUIS */
    #header .av-main-nav .current-menu-item > a > .avia-menu-text
    {border:2px solid rgba(55, 55, 55 ,1) !important;margin-left:5px !important;padding:12px !important;background-color: rgba(255, 188, 8, 0.75) !important;border-radius: 8px !important;}

    However it applies it to the submenu items as well. Is there a way to have it only applied to the main menu?

    Thanks,

    November 10, 2018 at 5:39 am #1031906
    Mike

    Hey mikeens,
    Please try this css, I added “first-child” so the sub-menu items won’t be effected:

    /*CHANGE ACTIVE MENU – BORDER – MARGIN – PADDING – BACKGROUND-COLOR – BORDER-RADUIS */
#header .av-main-nav .current-menu-item > a:first-child > .avia-menu-text
{border:2px solid rgba(55, 55, 55 ,1) !important;margin-left:5px !important;padding:12px !important;background-color: rgba(255, 188, 8, 0.75) !important;border-radius: 8px !important;}

    Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.