Navigation submenus are going sideways

  • Author
    Posts
  • #41769

    Our blog’s navigation submenus are going sideways (horizontally)— they used to drop down vertically. How can we put this back? Please advise.

    The blog I need help with is aldia.microjuris.com.

    #41870

    sillyandrea
    Theme Author

    It looks like you’ve been modifying the css? Start backing out those changes.

    #41871

    I was basically working with pre-programmed fonts (customize>fonts).

    These have been our only modifications but they were done a couple of months ago, not recently.

    body {
    	background: url('http://noticiasmicrojuris.files.wordpress.com/2012/01/bg_body.gif');
    	background-position: top;
    	background-repeat: repeat-x;
    }
    
    #nav {
    	background: #034C6A;
    	background-image: url('http://noticiasmicrojuris.files.wordpress.com/2012/01/bg_menu5.gif');
    	border-left: 1px solid #d5d5d5;
    	border-right: 1px solid #d5d5d5;
    	clear: both;
    	color: #fff;
    	font-family: Oswald, arial, serif;
    	overflow: hidden;
    	text-transform: uppercase;
    	width: 960px;
    	margin: 0 auto;
    }
    
    #nav ul {
    	float: left;
    	width: 100%;
    }
    
    #nav li {
    	float: left;
    	list-style-type: none;
    }
    
    #nav li a {
    	color: #fff;
    	display: block;
    	font-size: 14px;
    	position: relative;
    	text-decoration: none;
    	padding: 9px 15px;
    }
    
    #nav li a:hover,#nav li a:active,#nav .current_page_item a,#nav .current-cat a,#nav .current-menu-item a {
    	color: #fff;
    }
    
    #nav li li a,#nav li li a:link,#nav li li a:visited {
    	background: #034C6A;
    	background-image: url('http://noticiasmicrojuris.files.wordpress.com/2012/01/bg_menu2.gif');
    	border: 1px solid #444;
    	border-top-width: 0;
    	color: #fff;
    	font-size: 11px;
    	position: relative;
    	text-transform: none;
    	width: 118px;
    	padding: 5px 10px;
    }
    
    #nav li li a:hover,#nav li li a:active {
    	color: #fff;
    }
    
    #nav li ul {
    	height: auto;
    	left: -9999px;
    	position: absolute;
    	width: 140px;
    	z-index: 9999;
    }
    
    #nav li ul a {
    	width: 120px;
    }
    
    #nav li ul ul {
    	margin: -33px 0 0 139px;
    }
    
    #nav li:hover>ul,#nav li.sfHover ul {
    	left: auto;
    	float: none;
    	width: 100%;
    	height: 1px;
    	margin: 1.4em 0;
    	border: none;
    	background: #ddd;
    	background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0,rgb(255,255,255)),color-stop(0.1,rgb(221,221,221)),color-stop(0.9,rgb(221,221,221)),color-stop(1,rgb(255,255,255)));
    	background-image: -moz-linear-gradient(left center,rgb(255,255,255) 0%,rgb(221,221,221) 10%,rgb(221,221,221) 90%,rgb(255,255,255) 100%);
    }
    }
    #41938

    Fixed, thanks!

The topic ‘Navigation submenus are going sideways’ is closed to new replies.