Jump to content
Sign in to follow this  
teeskie

Sub Menu Styling

Recommended Posts

teeskie

I can't seem to style the sub menu items. I want the sub menu items to have a white background, and a white 2px border at the bottom, then a darker grey 2px bottom border on hover.. Site is http://curiousclimbers.co.nz/ Current code is: /* current page css */ .main-nav li.current-page-ancestor a, .main-nav li.current_page_item a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item ul a.sf-menu li li { background-color: #FFFFFF; border-bottom: 2px solid #DDD; } /* Hover css */ .main_nav .main-nav li a:hover { background-color: #FFFFFF; border-bottom: 2px solid #EFEFEF; } /* White background nav */ .sf-menu li, .main_nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: #fff;} .sf-menu li:hover, .sf-menu li.sfHover {background: #fff;} Any help really appreciated!

Share this post


Link to post
Share on other sites
Rob
Try this: [code].main-nav li.current_page_item ul a:hover { border-bottom: solid 2px #9f9f9f; } .main-nav li.current_page_item ul a { background: white; border-bottom: none; }[/code]

Former PageLines Moderator, Food Expert and Raconteur

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  

×