Link to home
Start Free TrialLog in
Avatar of jagguy
jagguyFlag for Australia

asked on

menu pushes links down

Hi,

How can I get the sub menu on about us link on left to display properly?
If the browser resizes the submenu doesnt dtay in place and it pushes the other links down whichI dont want.


http://www.mymrt.net/hugh/home2.php

/* sub menu*/
 ul#vertmenu li ul {
 	display: none;
        color:#fff;
        background:#666;
        position: relative; //tried absolute
        left: 200px;
        overflow: hidden;
 }
 
 ul#vertmenu li:hover ul {
        display: block;   
    }
 
 .more{
        display:none;
    }

Open in new window

Avatar of Scott Fell
Scott Fell
Flag of United States of America image

You have those items hidden already based on the media queries.  Where is it pushing down?

@media screen and (max-width: 480px) {
		 body{
          font-size: 1em; 
      	  line-height:150%;
       
	  }
	 
	 #mainContent {
	color:black; 
	 text-align:left; 
	  margin-right:5%;
	 margin-left:5%;
 }
		ul#navcontainer {
		display:none;
	}

Open in new window

/* FOR MOBILE RESOLUTIONS */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
			 body{
          font-size: 1em; 
      	  line-height:150%;
       
	  }
	 
	 #mainContent {
	color:black; 
	 text-align:left; 
	 width:100%; 
          
 }
	 
	   #nav-status {
        display: block;
        width: 100%;
        height: 50px;
        padding: 2px;
        background: #000;
        color: #FFF;   
    }
	
	ul#navcontainer {
	display:none;
	}
	

Open in new window

Avatar of jagguy

ASKER

put the mouse on the about us on left menu and see the sub menus come up.
The link below about us 'dye colors gets pushed down and i hate this look.
The screenshot is from mac/chrome.  I also tested on mac/firefox and windows 7/ie 11 and can't reproduce it.
User generated image
ASKER CERTIFIED SOLUTION
Avatar of jagguy
jagguy
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Can you please point to the post with the correct answer.
Avatar of jagguy

ASKER

solved elsewhere on another post