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

  • Resolved ygagnon2016

    (@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).

    http://dev.movingpicture.com/

    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.

    Thanks,
    — 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

    (@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.

    Regards,
    Tom

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

    http://dev.movingpicture.com/

    Cheers,
    – Yvan

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