Max Mega Menu Flyout border radius not working

Hi jscudder,

Can you try setting the Flyout “Sub Menu Background” to transparent (drag the bottom horizontal slider all the way to the left) and the Flyout “Menu Item Background” to the colour you want?

Regards,
Tom

Thanks for your quick reply. Yes that does give the flyout menu rounded corners, but I have to also make the border transparent and turn off the menu drop shadow. Otherwise I have a rounded menu inside of a squared box with a shadow. That is not the look I wanted. I would like the border itself to have rounded corners, with the drop shadow. Here is the site address: https://Moultonboroumc.org/

Hi jscudder,

Thanks, got it ?? I have added a fix here which will be included in the next update:

https://plugins.trac.www.ads-software.com/changeset/2196381

In the mean time, please go to Mega Menu > Menu Themes > Custom Styling and add the following:

/** Remove once core version is > 2.7.3 **/
@include desktop {
	#{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu {
		border-radius: $flyout_border_radius_top_left $flyout_border_radius_top_right $flyout_border_radius_bottom_right $flyout_border_radius_bottom_left;
	}
}

Regards,
Tom

That did it! Thank you, thank you.

John