http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Mon, 20 May 2013 00:17:58 +0000 http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22237 Fri, 08 Jul 2011 14:44:22 +0000 elderberry 22237@http://themeshaper.com/forums/ <p>Thanks Helga - that did not work, but led me to remove z-index from #access and now it is WORKING!! I really appreciate all you do for those of us using Thematic. </p> http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22213 Thu, 07 Jul 2011 20:32:22 +0000 helgatheviking 22213@http://themeshaper.com/forums/ <p>well i wanted to rule out broken jquery. that's given me hell w/ menus before.</p> <p>find</p> <pre><code>.sf-menu, .sf-menu * { margin: 0 10px 0 0; padding: 0; list-style: none; z-index: 100; }</code></pre> <p>get rid of z-index here </p> http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22212 Thu, 07 Jul 2011 20:01:08 +0000 elderberry 22212@http://themeshaper.com/forums/ <p>Well, no luck yet. Here are the things that did not work.<br /> 1) upgraded to wp-3.2 and commented out the smart jQuery inclusion in functions.php.<br /> 2) Then I uncommented and added your code.<br /> 3) Then I commented smart jQuery inclusion and disabled wp-minify.</p> <p>If I am using it correctly the Firebug console is giving no error warning. </p> http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22211 Thu, 07 Jul 2011 19:56:49 +0000 helgatheviking 22211@http://themeshaper.com/forums/ <p>so the client doesn't actually want anyone to read the site? </p> <p>maybe pass this along:<br /> <a href="http://www.informationarchitects.jp/en/100e2r/" rel="nofollow">http://www.informationarchitects.jp/en/100e2r/</a></p> <p>best of luck </p> http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22209 Thu, 07 Jul 2011 19:42:07 +0000 elderberry 22209@http://themeshaper.com/forums/ <p>Helga thanks very much. I will report back what ends up working... The text/background contrast (or lack thereof) -- This is what the client wants. I at least got her to change most of the body text to gray. But I will let her know your feedback. </p> http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22203 Thu, 07 Jul 2011 16:59:01 +0000 helgatheviking 22203@http://themeshaper.com/forums/ <p>it could be that superfish is busted.... look in your firebug console you will see that "jquery is not defined". i checked your source code and you are using wp-minify and google's jquery. minify does not pull in the google-hosted jquery, b/c by default it only get's self-hosted scripts.</p> <p>minify puts its minified script at the very top of the page, which comes <em>before</em> the google jquery is defined.... </p> <p>couple of options:</p> <p>1. you can switch to self-hosted jquery (stop using the google version). i believe in WP3.2 they've updated the jquery version anyway. and if you're minifying and caching you probably don't save anything performance-wise by using the google version. this is what has worked best for me. </p> <p>2. possibly try telling wp-minify to minify the google version of jquery. haven't be able to get this to work. haven't had much success w/ this. </p> <p>3. possibly add minify's conditional tags to the header, but at the end. this might put the minify scripts after the google jquery. i haven't tried this in a while so i'm not sure if it is still working:</p> <pre><code>/*prepare WP-Minify plugin to play nice w/ google&#39;s jquery*/ function add_minify_location(){ //if (class_exists(&#39;WPMinify&#39;)) {?&gt; &lt;!-- WP-Minify JS --&gt; &lt;!-- WP-Minify CSS --&gt; &lt;?php //} } add_action(&#39;wp_head&#39;,&#39;add_minify_location&#39;,9); //put this right after the reference to google&#39;s jquery</code></pre> <p>i've had a lot of problems w/ minify lately, which sucks b/c it is a great, great idea. see if fixing minify helps. or maybe see if it is still an issue if you disabled minify. </p> <p>sidenote- no offense, but your blue text on reddish background is brutal on my eyes. consider using something much higher contrast. </p> http://themeshaper.com/forums/topic/submenu-below-second-row-of-links-not-clickable#post-22201 Thu, 07 Jul 2011 15:31:11 +0000 elderberry 22201@http://themeshaper.com/forums/ <p>Tried playing with z-index but no fix yet. The menu has enough items to display in 2 rows. If you hover over a link in the top row the second level links show underneath the second row of 1st level links. You cannot click anything in the second level. Here's the example <a href="http://withthespiritofthehorse.com/about-2" rel="nofollow">http://withthespiritofthehorse.com/about-2</a> just hover over News, About or Services...</p> <p>maybe someone with a sharper brain than mine will see the solution, Thanks!</p> <pre><code>/*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0 10px 0 0; padding: 0; list-style: none; z-index:100; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 &#39;sticky bug&#39; */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 6em; /* match top ul list item height */ z-index: 999; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; z-index: 1000; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; z-index: 1001; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; z-index: 999; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; z-index: 999; }</code></pre>