The wrong flyout menu opens when I hover over the one next to it

  • cactuscat

    (@cactuscat)


    2 years, 10 months ago

    Good evening,

    I have a toolbar with a few flyouts on it: MenuItem1 MenuItem2 MenuItem3.

    I created flyouts with reusable blocks into MenuItem1 and MenuItem3. They worked beautifully. I then created a flyout with a reusable block for MenuItem2. It works, but now when I try to use MenuItem1, MenuItem2 selects itself when I go to move my mouse anywhere over the flyout menu of MenuItem1.

    In fact, I don’t even have to scroll over the toolbar to activate MenuItem2. There is a considerable space below it that seems to activate the flyout. I don’t understand why this happened as it didn’t happen to the other two.

    My website is not currently live so I cannot link the page. Let me know if I can share anything else.

    Thank you

    Edit to add:

    I am using the Astra theme, and I’ve tried to apply the CSS from the site “just in case” any of those solutions would work. They did not, unsurprisingly. lol

    • This topic was modified 2 years, 10 months ago by cactuscat.
    • This topic was modified 2 years, 10 months ago by cactuscat.
    • This topic was modified 2 years, 10 months ago by cactuscat.
    • This topic was modified 2 years, 10 months ago by cactuscat.
Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    2 years, 10 months ago

    Hi cactuscat,

    Please post back here once the site is online so I can take a look, I’ll need to use browser tools to inspect the site html and CSS in order to debug the issue.

    Regards,
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘The wrong flyout menu opens when I hover over the one next to it’ is closed to new replies.