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].
Hello, I’ve placed the Meta slider on top of the menu (thanks to a previous thread). But I would like to know how can I place the menu over the slider. I shoud be able to do that with CSS I think. But can’t find the way.
Thanks a lot for your help.
I found a solution if someone is interested:
#masthead {
background: transparent;
position: absolute;
top: 30px;
width: 100%;
}
The problem I have now is that the sticky menu background which is transparent (because over the slider) stays transparent when scrolling down. How could I change the color? I tried to add a JS but without any sucess.
Thanks again for your help
Hi Amelie,
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.site-header { position: absolute; left: 0; right: 0; } .hgroup, .main-navigation { z-index: 400; } #sticky-container .main-navigation { background: rgba(52,53,56,.5) !important; } .main-navigation { background: none !important; } .site-main { padding: 0 35px !important }You might also need to install the SiteOrigin CSS Editor.
Adjust the background for the selector #sticky-container .main-navigation for the sticky menu background.
If this isn’t as desired, do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.