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

    Each active and hovered menu item has this small underline (avia-menu-fx). I am trying to display this line for active submenu items as well. I had no problem with the normal menu:

    .current-page-ancestor a .avia-menu-fx, .current-post-ancestor a .avia-menu-fx, .current_page_parent a .avia-menu-fx, .current-menu-parent a .avia-menu-fx {visibility: visible; opacity: 1;}

    But I couldn´t figure out how to enable this underline for active submenu items in mega menu. Any suggestion?



    you can try this, it should works for pages:

    .active-parent-item>a>.avia-menu-fx {
    opacity: 1; visibility: visible;



    Thanks for your help, but found out it was another issue. I positioned the underline right above the border bottom line of the main menu. This worked perfekt except with the mega menu. The reason: there is an “overflow:hidden” style added to each mega menu items. Changed it to visible and now everything works like a charm.

    Funny how some problems really seem to be a bigger issue… they cost you nerves and time … and finally you found out that you were looking at the very wrong place and the solution is so simple you could kick yourself in the ass :-D.



    Glad to hear that you figured it out :)



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Menu underline for active submenu items’ is closed to new replies.