Premium Theme Support › StudioPress › Modern News

Navigation submenus are going sideways

  • Author
    Posts
  • #41769
    noticiasmicrojuris
    Member

    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: (visible only to logged in users)

    #41870
    sillyandrea
    Member

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

    #41871
    noticiasmicrojuris
    Member
    Original poster

    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
    noticiasmicrojuris
    Member
    Original poster

    Fixed, thanks!

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