[Resolved] primary navigation sub menu background in header element

[Kenneth]

Hello, I am having difficulty in making the header element merged menu sub menu background transparent.

I know it must be something simple.

Please see: https://www.thehumaneexperience.org/ Under headings, Humane, Kindness and Cruelty, the drop-down sub-menu is a greyish colour. How do I make this colour transparent?

CSS?

Would you like to have login details?

Love GP by the way.

Best, Kenneth

[Leo]

Hi Kenneth,

Can you give this CSS a shot?

.header-wrap .main-navigation ul ul {
    background-color: transparent;
}

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

Let me know if this helps 🙂

[Kenneth]

Hello Leo, Thanks for the suggestion, but it did not work. Here is my Simple CSS file:
hr {
background-color: #1e72bd;
}
.inside-article hr.wp-block-separator {
border: none;
background-color: #1e73be;
}

@media (max-width: 768px) {
.inside-article .wp-block-image [class*=”align”] {
float: none;
}

.header-wrap .main-navigation ul ul {
background-color: transparent;
}

Am I doing something wrong?

[Leo]

Looks like you are missing a closing bracket } for the @media (max-width: 768px) { so it’s making my CSS mobile-only as well:
https://www.screencast.com/t/fJKpcQuPK1m

[Kenneth]

Thank you Leo!

[Leo]

No problem 🙂

[Author]

Posts