Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member brainfreezeo's Avatar
    Join Date
    Sep 2013
    Location
    Texas
    Posts
    2
    Member #
    37234

    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 use a Wordpress platform, and 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.

    Code:
    /* 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

    I'm not completely fluent with CSS. I can make changes if I know exactly what I need to change from what to what, but would be lost if referred to an example and told to try doing something like that.

    Thank you very much in advance for any possible solutions.
    Last edited by brainfreezeo; Sep 22nd, 2013 at 11:22 AM.

  2.  

  3. #2
    Junior Member brainfreezeo's Avatar
    Join Date
    Sep 2013
    Location
    Texas
    Posts
    2
    Member #
    37234
    Got help on Css Google+ community. Problem wasn't even in this code I provided but up higher in the #header #mainmenu ul li


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:13 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com