Mobile Menu subcategories get cut off

Hi everyone,

I have a problem with the menu on the mobile version of the hero theme.

When I leave the menu as is, sub categories don’t go over the size of the main menu. So if I have multiple submenus, then it’s getting cut off.

Then I did find another post with similar problem,
there the following css code was recommended.

#main-navigation > .sf-menu > ul {
    overflow: visible;

If I use that code, I now run into another problem. Which is my menu is always open, just if I am not hovering then just the text is visible. So I don’t understand how that comes.

Maybe someone knows a solution.

Screenshots included with the “problem”.

Seems like the overflow somehow needs to be set to just allowed when menu is opened.

Thanks for your help,


Hi Julian,

I am sorry to hear that you have run into issues. I am happy to help out.

Please provide a link to your website, so I can do direct checking and find the exact code solution.

aThemes Support

Hello there,

Thank you for sharing the link.

As checked, it seems likely we need to update the mobile menu design in the future versions. So I am flagging this to our roadmap. Hopefully the new version will be available as soon as possible.

aThemes Support


The issue is fixed and the update will be available in a few hours.

Have updated, but no change that I can see.

Is the code i insert wrong?

You don’t need code. Clear the cache from your caching plugin please.

Cache cleared, cloudflare cleared. Incognito browser used.

No change. See screenshot.

What’s the status here? Still waiting for something to change?