Broken Menu After Update

[Daniel]

Hello

I used to have a scrollable menu on ver 2.9 but as soon as I updated to 3.0 it doesn’t work anymore.

Here is my css:

@media (min-width: 769px) {
    /* Fix height and set scroll on parent item */
    .dropdown-click .main-navigation:not(.toggled) ul>li.menu-item-has-children {
        max-height: 350px;
        overflow-y: auto;
    }
    /* Stick parent item on scroll */
    .dropdown-click .main-navigation:not(.toggled) ul>li.menu-item-has-children>a {
        position: sticky;
        top: 0;
        position: -webkit-sticky;
        z-index: 1;
    }
    /* Force height of submenu */
    .dropdown-click .main-navigation:not(.toggled) ul>li.menu-item-has-children>ul {
        max-height: 100%;
        position: relative;
        z-index: 0;
    }
}

Here is my website: https://www.memescout.com/

[Leo]

Hi there,

I just checked your site and the menu still works for me:
https://www.screencast.com/t/TYhl1SpG

Am I missing something?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Daniel]

It works your right, I have no idea what happened. Thanks Anyways!!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts