[Resolved] Problems with Primary Navigation´s Background Colour

[Javi]

Hi there,
I´m using the Music Template for you library. I´m customizing it but the background colour for The Primary Navigation is not working. You could see it when you open the menu on mobile. The colour of the original template didin´t change. I tried deactivating the plugins and cleaning the caché but no results.
¿How could it be fix? Thank you in advance!

[Leo]

Hi there,

Try changing the colors in the header elements:
https://docs.generatepress.com/article/header-element-overview/#navigation-colors

Let me know if this helps 🙂

[Javi]

Thanks for your answer Leo. I tried but without results. I also deactivated the Header Elements and i still have the problem. I can’t remove that blue color in the background of the mobile menu. And that colour comes from the Music template that I installed.
Do you have another idea please?

[Tom]

That color is coming from your custom CSS in “Customize > Additional CSS”:

@media (max-width: 768px) {
    .main-navigation .main-nav ul li a,
    .main-navigation .main-nav ul li a:hover {
        background-color: rgba(21,14,83,0.95);
    }
}

If you remove that, it should go away.

Let me know 🙂

[Javi]

Yessssss! It was that!
Thank you a lot Tom and Leo! It takes me a long time to solve it.
You’re top!

[Tom]

Glad we could help 🙂

[Author]

Posts