This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Increase image to reach top of page with logo and menu overlay

Open 4 replies customizationthemetheme-vantage
Roy Cordero
7 years ago · Last reply by Alex S 7 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 7 years, 9 months ago

    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.

  2. Roy Cordero 7 years, 9 months ago

    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

  3. Roy Cordero 7 years, 9 months ago

    no its ok! just waiting a little… thanks!

  4. Alex S Staff 7 years, 9 months ago

    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.

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.

Have a different question or issue?

Start New Thread