Vantage primary navigation opacity not working
Hi, I keep trying things and it’s not working for me and I’m not sure exactly why. Hunted around the support and have tried things I’ve seen and nothing is working. Right now I have…
/* Vantage Set Page Opacity */
header#masthead {
background: rgba(0, 0, 0, 0.9) !important;
}
.main-navigation {
background-color: rgba(255, 255, 255, 0.2);
}
.main-navigation.sticky {
background: rgba(255, 255, 255, 0.1) !important;
}
#colophon {
background: rgba(255, 255, 255, 0.1) !important;
}I want the menu to be transparent enough to get the image in the Meta Slider to show behind the menu. is this possible?
Thank you.
Kathy
I’m a premium user, but wasn’t sure if it really was ok for me to put in my number or if it gets stripped out before going public.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
4Ok, I think I have the menu to be transparent… but how do I get the meta slider to move up so the menu kind of over it and you can see the image through it a bit?
Thank you.
Hi Shadoe,
First of all I apologize for the delayed response.
I have just checked out you site and noticed that you already have this ironed out.
Would you mind confirming this?
Hi Addo, I have the menu opacity worked out… but how do I get the meta slider to sit under the menu so you see it through the menu? That make sense? Thank you.
Hi Shadoe,
I think I understand what you want. The following CSS should do the trick:
.main-navigation { position: absolute!important; z-index: 1000; margin-left: 25%; margin-right: auto; }Please let me know if this works!
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.