Mega Menu overlaps top level item on mobile

  • Resolved rrosenthal

    (@rrosenthal)


    8 years, 11 months ago

    Hey Tom,

    Mega Menu is doing great on test site at greyson.ironconsultinggroup.com, but cannot figure out an overlap issue on mobile. When the Mega Menu opens on mobile, the next top level item doesn’t have enough padding and appears on the bottom border of the drop down box. I’ve haven’t been successful with any changes in the settings area — and need your expertise.

    Thanks … R>

    https://www.ads-software.com/plugins/megamenu/

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

    (@megamenu)

    Hi R,

    I have taken a quick look and it seems ok to me, so I’m either not clear on what the problem is or you have fixed it already.

    If it’s still broken please could you post a screenshot?

    Regards,
    Tom

    Thread Starter rrosenthal

    (@rrosenthal)

    Hey Tom, as always, thanks for your reply. I should have updated my post over the weekend — after adding the css below to custom styling. It seems to work, but open to your better suggestion:

    @media all and (max-width: $responsive_breakpoint) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 2em;
    }
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mega Menu overlaps top level item on mobile’ is closed to new replies.