Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I want the background color of my menu to be 100% transparent (remove background color). The link below shows the issue.
This is the custom CSS I have now:
/* Vantage Set Menu Font Size */
.main-navigation {
font-size: 20px;
}
.main-navigation {
padding: 5px 0 20px;
}
.main-navigation { background: rgba(34, 34, 34, 0.8) !important; }
.nav:nth-of-type(1) { display: none; }
———————–
Thank you, I appreciate all your help and I love your theme.
Tom
Hi Tom
Thanks for runnning Vantage.
Give this a try:
.main-navigation { background: transparent; }First remove the same selector you’re currently using in Custom CSS and try replacing it with the above.
Hope that helps.
Andrew,
I appreciate all your help, but that didn’t do it. I tried a couple variations, but the only change was to turn the background to white.
Surely there must be a simple CSS style to remove the background altogether? Here is what I have now…
/* Vantage Set Menu Font Size */
.main-navigation {
font-size: 20px;
}
.main-navigation {
padding: 5px 0 20px;
}
.main-navigation { background: rgba(34, 34, 34, 0.8) !important; }
.nav:nth-of-type(1) { display: none; }
header#masthead.masthead-logo-in-menu .background{
display:none;
}
What else can I try?
Thanks,
Tom
Give this a try:
header#masthead { background: transparent; } .main-navigation { background: transparent; }Be sure to remove any competing selectors from your Custom CSS. Should do the trick.
Andrew, you rock! That did it.
Thank you,
Tom
Awesome, glad that helped. All the best.