If your menu background is transparent, then it might look like your mega menu closes overtop your navigation. It’s actually sliding underneath, but we can fix this visual perception by forcing a background color on the menu. Add the following code to your Custom CSS area:
/**
* Force Menu Background
* On Mega Menu Open
**/
.wm-mega-menu-plugin [data-header-style="dynamic"].header:not(:has(.wm-mega-menu[data-layout="inset"])) .header-announcement-bar-wrapper {
transition: background-color 300ms ease 0ms;
}
.wm-mega-menu--open [data-header-style="dynamic"].header:not(:has(.wm-mega-menu[data-layout="inset"])) .header-announcement-bar-wrapper {
background-color: var(--siteBackgroundColor);
}