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.

Navigation transparent

Open 1 reply premiumthemetheme-vantage
Eli Langley
10 years ago · Last reply by Daniel 10 years ago

Hi I would like to make the background, hover background, second level background and second level background of the menu navigation transparent. So I would only like the words to show up & change colour. I would also like a line divider inbetween the menu so that it looks like this website http://www.tom-holland.co.uk/. Please advise if this is possible and how to do it. Thank you.

URL: http://www.blueharbourgallery.co.uk/

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Daniel Staff 10 years, 10 months ago

    Hi Elise

    If you want words to show up only, the current color selection will make it to be not visible.

    Below are the custom CSS to make the changes requested. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /*transparency on the main menu*/
.main-navigation {
	background: rgba(30, 82, 180, 0.1) !important; 
}
/*transparency on the sub menu*/
.main-navigation ul ul{
	background: rgba(175, 250, 245, 0.5) !important; 
}
/*for the border*/
.main-navigation ul ul li a {
border-bottom: 1px solid #fff;
}

    Let me know if that works for you

    Cheers

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