Hiding menu bug

  • We are currently developing 2 websites using the Ollie theme. We have noticed that when the menu should be hidden, the items of the mega menu are slowly dissapearing 1 by 1, not as whole.

    Is this a known isssue or do you guys have any idea how to fix this?

    https://share.zight.com/YEubZZDA

    • This topic was modified 1 month, 4 weeks ago by coenz.

    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 coenz,

    The sub menu content is picking up a CSS transition rule somewhere. Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    #{$wrap} #{$menu} li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item * {
     transition: none !important; 
    }

    I would also recommend setting the Mega Menu > Menu Themes > Mega Menus > Panel Width (Outer) option to:

    .is-layout-constrained > .alignwide

    Regards,
    Tom

    Thread Starter coenz

    (@coenz)

    Hey Tom,

    Thanks for your swift reply! This worked for the site i added. Sadly this didnt solve the problem for the first website i showed: https://mozaiektegelwinkel.kinsta.cloud/

    Could you maybe take a look here as well?

    Plugin Author megamenu

    (@megamenu)

    For that site, you could either switch to the Grid Layout in the mega menu builder (like you are using on the first site), or use this CSS instead:

    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item *{
       transition: none !important; 
    }

    Regards,
    Tom

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