Navigation submenus are going sideways

Premium Theme Support › StudioPress › Modern News

• Author
  Posts
• November 27, 2013 at 4:23 pm #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 aldia.microjuris.com.

  November 27, 2013 at 4:53 pm #41870
  
  sillyandrea
  

  Theme Author

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

  November 27, 2013 at 5:27 pm #41871
  
  noticiasmicrojuris
  

  Member

  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%);
  }
  }

  December 2, 2013 at 7:00 pm #41938
  
  noticiasmicrojuris
  

  Member

  Fixed, thanks!

• Author
  Posts

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