Menu style 2 submenu

I’m using the coach demo site.
the point element that displays for active and hovered items in the main navigation namely:

  • .menuStyle2 .main-navigation a:hover:after
  • .menuStyle2 .main-navigation .current-menu-item:after

it display funny on sub-menus on desktop. (too low and onto the next item)

It also displays too low on mobile menus. (though i’m not sure it should display at all? as it only seems to display on the coach demo site)
You can see this on the coach demo mobile site. The current menu item has a point underneath it which goes onto the menu item below it…

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 1199px) {
    .menuStyle2 .main-navigation a:hover::after,
    .menuStyle2 .main-navigation .current-menu-item::after {
        bottom: 10px;
    }
}

.menuStyle2 .main-navigation ul ul a:hover::after,
.menuStyle2 .main-navigation ul ul .current-menu-item::after {
    display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support