Search code examples
csswordpressmegamenu

Drop down menu gets cut off because of max-width of a parent


I've integrated the Mega Menu Plugin into the Wordpress site I'm working on. The last menu item gets truncated, because the main container has max-width set. I want the last item to overflow while still keeping the same max-width. I've tried setting overflow-x and z-index on menu ul, li and main div container, but to no avail.

EDIT: the parent of the menu had overlow: hidden. Setting it to overflow: inherit fixed the problem.


Solution

  • <div id="wrapper"> is getting overflow: hidden. If you remove that your menu will not get cut off.