Archived topic
primary navigation sub menu background in header element
5 replies · Started by Kenneth on December 20, 2022
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
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 :)
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?
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
Thank you Leo!
No problem :)
