http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Fri, 24 May 2013 09:04:17 +0000 http://themeshaper.com/forums/topic/dropdown-menu-simplification-needed#post-27424 Wed, 27 Jun 2012 03:33:36 +0000 helgatheviking 27424@http://themeshaper.com/forums/ <p>kathy - thematic has moved. please direct your support request to the forums at <a href="http://www.thematictheme.com/forums" rel="nofollow">www.thematictheme.com/forums</a> </p> http://themeshaper.com/forums/topic/dropdown-menu-simplification-needed#post-27423 Wed, 27 Jun 2012 03:01:38 +0000 kathyforer 27423@http://themeshaper.com/forums/ <p>I'm banging my head against this and starting to get completely unable to help myself.</p> <p>I need to simplify the drop down menu<br /> <a href="http://www.flagheritagefoundation.org/web/" rel="nofollow">http://www.flagheritagefoundation.org/web/</a></p> <p>so that the sub-menu is in line with the rest of the menus. Basically just a simple styled list with the top levels across horizontally.</p> <p>I'll bullet and indent each sub-topic rather than have them fly out to the right. Only the top level will be relative block. I just can't see the forest and the trees keep growing and I'm all tangled up! I had it and lost it and now can't get it back. I turned of super fish and that didn't help so I put it back.</p> <p>What do I need to get rid of? Add sub-menu?</p> <p><code></p> <p>/*** ESSENTIAL STYLES ***/<br /> .sf-menu, .sf-menu * {<br /> margin:0;<br /> padding:0;<br /> list-style:none;<br /> }<br /> .sf-menu {<br /> line-height:1.0;<br /> }<br /> .sf-menu ul {<br /> position:absolute;<br /> top:-999em;<br /> width:10em; /* left offset of submenus need to match (see below) */<br /> }<br /> .sf-menu ul li {<br /> width:100%;<br /> }<br /> .sf-menu li:hover {<br /> visibility:inherit; /* fixes IE7 'sticky bug' */<br /> }<br /> .sf-menu li {<br /> float:left;<br /> position:relative;<br /> }<br /> .sf-menu a {<br /> display:block;<br /> position:relative;<br /> }<br /> .sf-menu li:hover ul,<br /> .sf-menu li.sfHover ul {<br /> left:0;<br /> top:2.5em; /* match top ul list item height */<br /> z-index:99;<br /> }<br /> ul.sf-menu li:hover li ul,<br /> ul.sf-menu li.sfHover li ul {<br /> top:-999em;<br /> }<br /> ul.sf-menu li li:hover ul,<br /> ul.sf-menu li li.sfHover ul {<br /> left:-10em; /* match ul width */<br /> top:0;<br /> }<br /> ul.sf-menu li li:hover li ul,<br /> ul.sf-menu li li.sfHover li ul {<br /> top:-999em;<br /> }<br /> ul.sf-menu li li li:hover ul,<br /> ul.sf-menu li li li.sfHover ul {<br /> left:-10em; /* match ul width */<br /> top:0;<br /> }<br /> </code></p> <p>Thanks for any direction or help!<br /> kef </p>