Jump to content
Sign in to follow this  
vitordt

How to set a diferent background for the primary navigation bar and the sub nav

Recommended Posts

vitordt

Hi guys Could you help me setting a different background for the primary navigation bar and the secondary bar (drop down menu)? The code I have set today is

.sf-menu li, #primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#FF6633!important;}

But I would like to have another background in the "new" box, when I put the mouse over the drop down menu. Please have a look at http://www.mindon.com.br/v3 Thank you

Share this post


Link to post
Share on other sites
catrina

Add this CSS:

ul#menu-nav {background-color: #YOURNAVIGATIONBARCOLOR;}
	ul#menu-nav li.page_item {background: transparent;}
	ul#children li.page_item {background: #YOURNEWBOXCOLOR;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vitordt

Hi Catrina, I added in the custom CSS the following code:

ul#menu-nav {background-color: #8a878a;}
	
	ul#menu-nav li.page_item {background: transparent;}
	
	ul#children li.page_item {background: #474747;}

But look what happened: http://www.mindon.com.br/v3 I would like to have a different background for the drop down menu (the "new box" that appears when I put the mouse over the main menu).

Share this post


Link to post
Share on other sites
gormanit

Vitor, Try something like this: #menu-nav .children a{background:white; border:1px solid #e3e3e3; border-bottom:0; color:#FF6633;} Jim

Share this post


Link to post
Share on other sites
vitordt

Jim, You rock! Thanks, V?­tor

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×