Support » Plugin: Max Mega Menu » Border radius setting not being applied to tops of flyout menus

  • Resolved ygagnon2016


    I can’t seem to get my 15px border radius setting to work/display correctly for any of my flyout menus on the custom WordPress site I’m developing (which is currently using the free version of the Max Mega Menu plugin).

    Note that I’m getting a proper 15px border radius on my 1 Mega Menu (ie: Camera Rentals link), but that my 2 flyout menus are for some reason squared off at the top (ie: Production Services & About). I’ve tested this in all major desktop browsers on the PC, and the same issue persists across all of them (ie: Firefox, Chrome, Opera, Edge and IE 11). Please advise.

    — Yvan

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu


    Hi Yvan,

    Thanks for posting a link. I can see the border radius is being applied in the CSS, but can’t see why it’s not actually showing up on the page. Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    #{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu {
        border-radius: 15px;

    I think that should fix it.


    Thank you for that! Adding that code snippet to the Custom Styling section worked.

    – Yvan

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.