Two Mega Menu’s Overriding Each Other in Header

  • Resolved creativeserum

    (@creativeserum)


    2 years, 1 month ago

    Hey there,

    This is the first time we have used this plugin so apologies if this is something obvious we have missed. I could not find a topic related after searching both “two” and “multiple”.

    We have just built out a new website where they wanted use of your plugin for their menus. Two items in the main header to have dropdown. However, as shown in the video linked here, the items seem to override each other. If you hover over Technologies and then go to Services, it brings back up the second Technologies’ mega menu.

    Few things to note.
    1. It does not happen the other way. No matter how fast I go Services > Technologies, it does not seem to have an issue.
    2. Firefox seems to handle this interaction well.
    3. We moved the menu items around, swapping to these two items and again, the second item caused the issue.
    4. We added space between these two dropdowns but even having “Industries” between them did not solve the issue

    Thanks for your assistance,
    Rhys.

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

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

    (@megamenu)

    Hi Rhys,

    Thanks for posting a video, very useful.

    Please go to Appearance > Customize > Additional CSS and add the following:

    .fl-builder-content[data-shrink="1"] .max-mega-menu .fl-row-content-wrap,
.fl-builder-content[data-shrink="1"] .max-mega-menu .fl-col-content,
.fl-builder-content[data-shrink="1"] .max-mega-menu .fl-module-content,
.fl-builder-content[data-shrink="1"] .max-mega-menu img {
    transition: none;
}

    Regards,
    Tom

    Thread Starter creativeserum

    (@creativeserum)

    Hey Tom,

    Well thanks for the most seemless fix I’ve ever had from a forum post.

    Works perfectly. New functionality here.

    Thanks for your time and efforts,
    Rhys.

    signosisinc

    (@signosisinc)

    will be trying that solution as we have had the same issue before.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Two Mega Menu’s Overriding Each Other in Header’ is closed to new replies.