Jump to content
Sign in to follow this  
Dominic

Congress Forum WP3 Custom Nav Menu

Recommended Posts

Dominic

I tried this and it *mostly* seemed to work: Added the content of WhiteHousePro's dropdown.css to the custom code box within the Congress Forum Options. It is weirdly transparent over (or layered underneath) the area of the page that says "Commented on 2 months ago..." Anything I can do about that?

	/*  LEVEL ONE */
	#nav ul.dropdown {z-index:1000;}
	
	#nav ul.dropdown a:hover, #nav ul.dropdown li.menuhover > a{
	    border-top: 3px solid #000;
	    color: #000;
	    background: #fff;
	    padding-top: 10px;
	}
	
	#nav ul.dropdown ul li a, #nav ul.dropdown li.menuhover a{
	    color: #000;
	    background: #fff;
	    text-shadow:none;
	}
	
	/* STYLING FIRST DROP DOWN */
	
	    #nav ul.dropdown ul{
	        width: 220px;
	        display:none;
	        position: absolute;
	        top: 100%;
	        left: 0;
	        z-index: 200;
	        border-right:1px solid #ddd;
	        border-left: 1px solid #ddd;
	        border-bottom: 3px solid #000;
	        zoom: 1;
	    }
	    #nav ul.dropdown ul li{
	        z-index:300;
	        position:relative;
	        font-weight: normal;
	        color: #000;
	        border-bottom:none;
	        float: none;
	    }
	
	/* IE 6 & 7 Needs Inline Block */
	#nav ul.dropdown ul li a{
	    padding: 13px 13px 11px;
	}
	#nav ul.dropdown ul li a:hover, #nav ul.dropdown ul li.menuhover a{
	    border:none;
	    padding: 13px 13px 11px;
	}
	#nav ul.dropdown li.current_page_ancestor ul a, #nav ul.dropdown li.current_page_item ul a,   #nav ul.dropdown ul li.current_page_ancestor ul a, #nav ul.dropdown ul li.current_page_item ul a{
	    background:#fff;
	}
	#nav ul.dropdown ul li a:hover, #nav ul.dropdown li.current_page_ancestor ul a:hover, #nav ul.dropdown li.current_page_item ul a:hover,
	 #nav ul.dropdown ul li.current_page_ancestor a, #nav ul.dropdown ul li.current_page_item a, #nav ul.dropdown ul li.current_page_item a:hover, #nav ul.dropdown ul li.current_page_ancestor a:hover, #nav ul.dropdown ul li ul li.current_page_item a{
	    color: #000;background: #f1f1f1;
	}
	
	/*  LEVEL THREE */
	#nav ul.dropdown ul ul          { left: 100%; top: 0;display:none; }
	#nav ul.dropdown li:hover > ul  { visibility:visible;display:block; }

Share this post


Link to post
Share on other sites
cmunns

Simple. Just change the z-index on the .post-last rule from 10 to 2 ` .post_last { z-index:2; } `

Share this post


Link to post
Share on other sites
Dominic

Perfect -- Thanks for all of your help!

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  

×