[Resolved] menu hover underline alignment when has submenu with dropdown arrow

[letsdoit]

Hello Team,

I am using Mike Oliver’s css for menu hover animation for underline. For menu items which have submenus with downward arrow, underline align itselfs considering the full width with downward/drop down arrow. I want it to consider only the menu item for centring itself. Pls advice if this can be achieved.

Thanks…

[David]

Hi there,

try adding this CSS:

.main-navigation .menu > .menu-item.menu-item-has-children  > a::after {
    left: calc( 50% - 9px );
}

[letsdoit]

thanks a lot…

[David]

You’re welcome

[Author]

Posts