The arrows to drop the sub-menus down on my website are no longer there. In an attempt to resolve the issue, I’ve just updated from 4.2 to 4.5, but the drop down arrows are still not there.
When looking at the code, <span class=”av-submenu-indicator”></span> shows on mobile, but is not in the HTML on desktop.
Hey ClapperConsulting,
I’m not seeing the sub-menu of Company at all.
Best regards,
Jordan Shannon
Do you mean you’re not seeing the drop-down menu on desktop? That’s the problem.
If you view it on mobile – or even reduce the screen until the mobile menu shows – you’ll see that Company does have sub-menu items. If you do a View Source or Inspect, you’ll see the HTML for the sub-menu items is there (Team, Partners, Investors, etc). What you don’t see, though, is the HTML for the sub-menu indicator (little drop-down arrow). That HTML only shows in the code when you go to mobile sizing.
Hi,
Try adding this to quick css:
#menu-item-4481 .sub-menu {
opacity:1!important;
}
Best regards,
Jordan Shannon
OK, that’s not quite it, but it’s getting me close. The hover to view sub-menu is working, but the sub-menu has 0 height. I’ll keep looking at it. It’s got to be in our customizations somewhere.