Home>Support>Transparent menu using vantage theme

Transparent menu using vantage theme

By luc clayton, 7 years ago. Last reply by luc clayton, 7 years ago.

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. 7 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. 7 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