WordPress.org

Ready to get started?Download WordPress

Forums

Sub menu nesting below 1st page tab, not parent tab (2 posts)

  1. michaelhhv
    Member
    Posted 6 months ago #

    I scoured Google for hours in hopes of finding a solution for this problem to no avail. When I nest my pages under the correct parent page I'd like it displayed under, it drops below the first page tab (home), rather than the proper tab. It doesn't matter that it's the Home page either, I can move any page into the first tab and it will drop down there. It drops down when I hover over the correct parent tab it's supposed to drop down from, only it drops all the way to the left under the first tab.

    I have tried doing it in the pages section with no menus and in the menus sections dragging and dropping. Nothing seems to fix this issue. Quite odd really. This is the code in the style.css for dropdown menu. Hoping maybe someone might see the problem.

    /* Dropdown menu */
    #header #mainmenu ul li ul, #header #mainmenu ul li:hover ul li ul {
    	display:none;
    	list-style:none none;
    	z-index: 9999;
    }
    #header #mainmenu ul li:hover ul, #header #mainmenu ul li ul li:hover ul {
    	display:block;
    }
    #header #mainmenu ul li ul {
    	position:absolute;
    	background-color:#444;
    	top:48px;
    	left:0px;
    	padding:0px;
    	width:185px;
    	margin:0px;
    	border-right: 1px solid #555555;
    	border-left: 1px solid #555555;
    	border-top: 1px solid #555555;
    }
    #header #mainmenu ul li ul li ul {
    	left:185px;
    	top:-1px;
    }
    #header #mainmenu ul li ul li {
    	float:none;
    	border-bottom:1px solid #666;
    	border-right:0 none;
    }
    #header #mainmenu ul li ul li a {
    	padding: 7px 10px;
    	color: #999;
    	float:none;
    	line-height: 18px;
    	font-size: 13px;
    	font-weight: normal;
    }
    #header #mainmenu ul li ul li a:hover, #header #mainmenu ul li ul li:hover > a {
    	background-color:#333;
    	text-decoration:none;
    	color:#fff;
    }

    The sub menu should drop below the "REI Dream Team" tab, but as you can see it is not if you visit my website here.

    Thank you very much in advance for any possible solutions.

  2. michaelhhv
    Member
    Posted 6 months ago #

    Is there anyone with css knowledge tht could help?

Reply

You must log in to post.

About this Topic