-
Posts
-
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?
hey,
you can try this, it should works for pages:
Code:.active-parent-item>a>.avia-menu-fx {
opacity: 1; visibility: visible;
}fraktale
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.
- The topic ‘Menu underline for active submenu items’ is closed to new replies.