Home>Support>Navigation transparent

Navigation transparent

By Eli Langley, 10 years ago. Last reply by Daniel, 10 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 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Daniel
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More