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 my hero images with meta slider to be on top of the page, but that neither my logo nor the menu be lost
I found this entry that helped me and now I have the slider above and the menu above, but the logo is lost behind the goal slider, use this css of the entry that I found
.main-navigation {
background: rgba (255, 255, 255, 0.8)! important;
}
# main-slider {
margin-top: -79px;
}
can you help me?
www.roycordero.net
Hi Roy,
You can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
.home .hgroup, .home .main-navigation { z-index: 10000; } .home .site-header { position: absolute; left: 0; right: 0; } .home #sticky-container .main-navigation { background: rgba(255,255,255,.8) !important; } .home .main-navigation { background: none !important; } .home #main.site-main { padding: 0 35px }Please be sure to remove the CSS you provided in your post as that could prevent the above CSS from working.
You might also need to install the SiteOrigin CSS Editor.
ok i removed the entire css, but now the metaslider went up but the logo was left behind and only seen when the images of the metaslider change
no its ok! just waiting a little… thanks!
Hi Roy,
The above CSS will move everything on the page above a little so this will result in the slider being partially underneath the menu. This effect will result in the overlay effect.