Menu over Meta slider
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.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2I 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.
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.