Navigation submenus are going sideways
-
AuthorPosts
-
noticiasmicrojuris
MemberOur 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)
sillyandrea
MemberIt looks like you’ve been modifying the css? Start backing out those changes.
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%); } }
Fixed, thanks!
- The topic ‘Navigation submenus are going sideways’ is closed to new replies.