Home>Support>Transparent menu using vantage theme

Transparent menu using vantage theme

By luc clayton, 9 years ago. Last reply by luc clayton, 8 years ago.
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].

Hi All,

Is there some CSS I could add to my site to make the vantage main menu transparent? So that it also sits over the header image. A bit like this website:

http://www.designagency.co.uk/

Any pointers would be really helpful.

Thank you

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Luc,

    Try adding the following CSS to WP AdminAppearanceCustom CSS:

    .site-header {
	position: absolute;
	left: 0;
	right: 0;
}

.hgroup, .main-navigation {
	z-index: 400;
}

#sticky-container .main-navigation {
	background: rgba(52,56,1,.5) !important;
}
.main-navigation {
	background: none !important;
}

.site-main {
	padding: 0 35px !important
}

#search-icon #search-icon-icon {
	background: rgba(52,53,56,.5);
}

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 11 months ago luc clayton

    That is amazing! worked perfectly. Thank you

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More