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.

Transparent menu using vantage theme

Resolved 2 replies customizationthemetheme-vantage
luc clayton
9 years ago · Last reply by luc clayton 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 9 years, 3 months ago

    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. luc clayton 9 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread