Mega Menu Width Setting When User Scrolls

Sure, you can send it through this form: https://generatepress.com/contact/

Try this CSS:

@media (min-width: 769px) {
    .navigation-stick #primary-menu {
        float: right;
        position: relative;
    }
}

Hi Tom

Thats great thanks. Worked a treat.

You're welcome :)

Hi Tom.

I'm having a similar issue as above, and when I tried the code it gives me a narrow version of my mega menu. I'd like it to stay the same width as before I scroll.

https://www.sourceonetechnology.com/

Thanks

Try adding this CSS:

.inside-navigation.grid-container {
    position: relative;
}

Ying when I tried that it didnt do anything and just made it narrow on scroll.

However when I add this:

@media (min-width: 1025px) {
    .inside-header {
        position: relative;
    }

    .inside-navigation.grid-container {
        position: static;
    }

    .navigation-stick .inside-navigation.grid-container {
        position: relative;
    }
}

It works. Thanks

Hi there,

try clearing your browser caches, as on my browsers the width is the same when it is sticky.

Yup, it works. Thanks

Glad to hear that !