[Resolved] Sticky menu transparent

[Gonzalo]

Hi, to scroll down, I get transparent menu background.
Where I can change bacground color, only for sticky menu to scrollin?

Best regards

[Gonzalo]

By the way, te mobile menu not work… only slide, without menu text.
I think is a config GP, but I can´t find it.

Best regards

[Leo]

Hi there,

You can change the slideout navigation background color with this CSS:

.main-navigation.navigation-stick {
    background-color: #fff;
}

For the slideout navigation, just making sure you have the same menu assigned in the the menu panel?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

[Gonzalo]

Thank you Leo,
I thought there was an option in CP menu setting, for this issue. I had already written a css rule too 😉

The mobile menu, I have setting correctly. but not work…
In custom CSS, here is the problem:

@media (max-width: 768px) {
    .main-navigation .main-nav > ul {
       /* display: block;
        max-height: 0;*/
        overflow: hidden;
        transition: max-height 100ms ease-in-out;
    }

Now, work perfectly. I use Artisan ddemo.
Best regards

[Leo]

Yeah we are looking into adding that as a option in the future.

Glad you figured everything out 🙂

[Author]

Posts