WordPress.org

Support

Support » How-To and Troubleshooting » Sub menu nesting below 1st page tab, not parent tab

Sub menu nesting below 1st page tab, not parent tab

  • 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.

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Sub menu nesting below 1st page tab, not parent tab’ is closed to new replies.
Skip to toolbar