http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 04:30:54 +0000 http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25043 Wed, 25 Jan 2012 16:08:54 +0000 helgatheviking 25043@http://themeshaper.com/forums/ <p>i'd still do it w/ the registering of menus since you cannot filter the UL class into the wp_nav_menu() args for the widget. i just checked. </p> <p>you can add different menus on different pages w/ conditional logic<br /> <a href="http://codex.wordpress.org/Conditional_Tags" rel="nofollow">http://codex.wordpress.org/Conditional_Tags</a></p> <p>for instance if you register three menus: category-menu, page-menu and extra-menu:</p> <pre><code>function kia_conditional_menus(){ if(is_category()){ wp_nav_menu(array(&#39;theme_location&#39; =&gt; &#39;category-menu&#39;,&#39;menu_class&#39; =&gt; &#39;sf-menu&#39;)); } elseif (is_page()){ wp_nav_menu(array(&#39;theme_location&#39; =&gt; &#39;page-menu&#39;,&#39;menu_class&#39; =&gt; &#39;sf-menu&#39;)); } else { wp_nav_menu(array(&#39;theme_location&#39; =&gt; &#39;extra-menu&#39;,&#39;menu_class&#39; =&gt; &#39;sf-menu&#39;)); } } add_action(&#39;thematic_abovemainasides&#39;,&#39;kia_conditional_menus&#39;);</code></pre> <p>untested so if you get a white screen of death it could be syntax, but assuming no parse errors it should work </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25042 Wed, 25 Jan 2012 15:25:38 +0000 fwunder 25042@http://themeshaper.com/forums/ <p>Not sure if it will help in @danromanchik's case, but I use Dynamic Widgets =&gt; <a href="http://wordpress.org/extend/plugins/dynamic-widgets/" rel="nofollow">http://wordpress.org/extend/plugins/dynamic-widgets/</a></p> <p>It gives me very easy and granular control over custom menu(s) placements. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25041 Wed, 25 Jan 2012 14:57:45 +0000 em hr 25041@http://themeshaper.com/forums/ <p>You can register as many menus as you like. When you add them in to an action hook you'll need to set a condition for the menu appearing or not. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25040 Wed, 25 Jan 2012 14:50:48 +0000 danromanchik 25040@http://themeshaper.com/forums/ <p>The reason that I opted to go with the widget approach is that I want different menus to show up on different pages. Can I still do this by registering different menus? </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25035 Wed, 25 Jan 2012 04:08:05 +0000 helgatheviking 25035@http://themeshaper.com/forums/ <p>lol! thanks for the vote of confidence @danromanchik. </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25034 Tue, 24 Jan 2012 22:08:34 +0000 em hr 25034@http://themeshaper.com/forums/ <blockquote><p>registering a secondary menu location and adding it to a hook</p></blockquote> <p>...is the winning combo IMO </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25033 Tue, 24 Jan 2012 22:01:04 +0000 danromanchik 25033@http://themeshaper.com/forums/ <p>Dang. If helga doesn't know how to do it, do I have any hope? :) </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25021 Tue, 24 Jan 2012 20:06:26 +0000 helgatheviking 25021@http://themeshaper.com/forums/ <p>to have the same style you need to use the same class. so the UL element needs the class sf-menu i'm not sure this is possible with a widget. you might be better-served by registering a secondary menu location and adding it to a hook </p> http://themeshaper.com/forums/topic/how-to-style-custom-menu-like-main-menu#post-25019 Tue, 24 Jan 2012 19:32:05 +0000 danromanchik 25019@http://themeshaper.com/forums/ <p>I have a site with the main menu running across the top. By reading the great postings here, I've been able to get the styling just right including background colors, rollovers, and drop-downs.</p> <p>I have also created a secondary navigation menu, and, using the Custom Widget sidebar, I have put this menu in the secondary aside. What I'd really like to do, however, is to use the styling of the main menu on this secondary menu, so that the rollovers and drop-downs work just like they do for the main menu. </p> <p>How do I do this?</p> <p>Thanks, Dan </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24340 Fri, 16 Dec 2011 22:14:41 +0000 drewdavid 24340@http://themeshaper.com/forums/ <p>Ok thanks. :)</p> <p>Drew </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24339 Fri, 16 Dec 2011 22:09:15 +0000 ScottNix 24339@http://themeshaper.com/forums/ <p>I grabbed the function from the header-extensions.php file and used the override. It is intended to be thrown in your functions.php. You are correct. ;) </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24338 Fri, 16 Dec 2011 21:57:30 +0000 drewdavid 24338@http://themeshaper.com/forums/ <p>Thanks, and is this code all found in header-extensions.php? Just wanting to make sure...</p> <p>...Or is this what I plug in to my child theme's functions.php file?</p> <p>Thank you. :) </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24337 Fri, 16 Dec 2011 21:52:30 +0000 ScottNix 24337@http://themeshaper.com/forums/ <p>The code I posted has hoverIntent.js already removed. </p> <p>I removed this line <code>$scripts .= $scriptdir_start . &#39;hoverIntent.js&#39; . $scriptdir_end . &quot;\n&quot;;</code>. </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24336 Fri, 16 Dec 2011 21:38:22 +0000 drewdavid 24336@http://themeshaper.com/forums/ <p>Hi Scott,</p> <p>When you say "remove it", do you mean remove the file hoverIntent.js, or the code that you mention above which is contained in some (which?) file? If the latter, should I tear out all of that code shown?</p> <p>Thank you for your help! :) </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24334 Fri, 16 Dec 2011 21:25:48 +0000 drewdavid 24334@http://themeshaper.com/forums/ <p>Thanks Scott! </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24328 Fri, 16 Dec 2011 01:06:52 +0000 ScottNix 24328@http://themeshaper.com/forums/ <p>You may want to modify two things. First the initial hover (mouseover) is controlled by hoverIntent.js</p> <p>Just remove it.<br /> <pre><code>// Load scripts for the jquery Superfish minus hoverIntent.js function childtheme_override_head_scripts() { $scriptdir_start = &quot;\t&quot;; $scriptdir_start .= &#39;&lt;script type=&quot;text/javascript&quot; src=&quot;&#39;; $scriptdir_start .= get_bloginfo(&#39;template_directory&#39;); $scriptdir_start .= &#39;/library/scripts/&#39;; $scriptdir_end = &#39;&quot;&gt;&lt;/script&gt;&#39;; $scripts = &quot;\n&quot;; $scripts .= $scriptdir_start . &#39;superfish.js&#39; . $scriptdir_end . &quot;\n&quot;; $scripts .= $scriptdir_start . &#39;supersubs.js&#39; . $scriptdir_end . &quot;\n&quot;; $dropdown_options = $scriptdir_start . &#39;thematic-dropdowns.js&#39; . $scriptdir_end . &quot;\n&quot;; $scripts = $scripts . apply_filters(&#39;thematic_dropdown_options&#39;, $dropdown_options); $scripts .= &quot;\n&quot;; $scripts .= &quot;\t&quot;; $scripts .= &#39;&lt;script type=&quot;text/javascript&quot;&gt;&#39; . &quot;\n&quot;; $scripts .= &quot;\t\t&quot; . &#39;/*&lt;![CDATA[*/&#39; . &quot;\n&quot;; $scripts .= &quot;\t\t&quot; . &#39;jQuery.noConflict();&#39; . &quot;\n&quot;; $scripts .= &quot;\t\t&quot; . &#39;/*]]&gt;*/&#39; . &quot;\n&quot;; $scripts .= &quot;\t&quot;; $scripts .= &#39;&lt;/script&gt;&#39; . &quot;\n&quot;; // Print filtered scripts print apply_filters(&#39;thematic_head_scripts&#39;, $scripts); }</code></pre> <p>There will also be a delay when you are no longer have your cursor there (mouseout), check into #8 at <a href="http://themeshaper.com/forums/topic/thematic-menus-demystified-1" rel="nofollow">http://themeshaper.com/forums/topic/thematic-menus-demystified-1</a> you will see where the delay is. </p> http://themeshaper.com/forums/topic/time-delay-on-dropdown-menu#post-24323 Thu, 15 Dec 2011 20:36:57 +0000 drewdavid 24323@http://themeshaper.com/forums/ <p>Hi I'd like to disable the time delay when hovering over the dropdown menu. I'd like it to drop down immediately!</p> <p>Could someone advise me on where this variable is located? Thanks so much. :)</p> <p>Best Regards,</p> <p>Drew </p> http://themeshaper.com/forums/topic/making-superfish-work-on-an-iphone#post-23663 Tue, 01 Nov 2011 16:50:56 +0000 elderberry 23663@http://themeshaper.com/forums/ <p>Has anyone made the superfish menu work on an iphone? I find that the dropdowns (on a horizontal menu) are not touchable, trying to access them always leads to the parent page.</p> <p>Is there javascript or css that is useful? </p> http://themeshaper.com/forums/topic/nivo-slider-overlapping-superfish-dropdown#post-23639 Fri, 28 Oct 2011 15:36:54 +0000 jeffeggleston 23639@http://themeshaper.com/forums/ <p>I am a bit new to AJAX and Javascript in general and was having some trouble with the Nivo Slider overlapping the dropdown menu created by Superfish. I messed with it repeatedly, changing the z-index on a number of CSS items, before changing the z-index of the #header to 15 (from 2) which fixed everything. I am just posting this for any newbies that may have had the same issue and fiddled with it as long as I did. Hope that helps. </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22628 Thu, 11 Aug 2011 14:30:14 +0000 logostar 22628@http://themeshaper.com/forums/ <p>Here is the link to the solution<br /> <a href="http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage" rel="nofollow">http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage</a> </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22625 Thu, 11 Aug 2011 14:17:49 +0000 helgatheviking 22625@http://themeshaper.com/forums/ <p>can you share the solution in case someone else finds this thread? </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22623 Thu, 11 Aug 2011 13:39:30 +0000 logostar 22623@http://themeshaper.com/forums/ <p>I found the solution here on the forum! </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22382 Wed, 20 Jul 2011 04:14:36 +0000 helgatheviking 22382@http://themeshaper.com/forums/ <p>i really have no idea how to make superfish work the way you want. but you can see this thread for how to add scripts to the header:</p> <p><a href="http://themeshaper.com/forums/topic/jquery-in-thematic-demystified" rel="nofollow">http://themeshaper.com/forums/topic/jquery-in-thematic-demystified</a> </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22376 Tue, 19 Jul 2011 15:32:37 +0000 logostar 22376@http://themeshaper.com/forums/ <p>I did included sf-navbar and while it did give the appearance of said link, It did not display as the site showed. As i've mentioned above </p> <p>$(document).ready(function(){<br /> $("ul.sf-menu").superfish({<br /> pathClass: 'current'<br /> });<br /> });</p> <p>could be whats required. How can I achieve this? </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22375 Tue, 19 Jul 2011 15:10:18 +0000 helgatheviking 22375@http://themeshaper.com/forums/ <p>sf-navbar ISN'T added to the menu by default. you'll need to filter the menu arguments.</p> <p>something like this ought to do that:</p> <pre><code>// change the default arguments for wp_page_menu() function child_nav_menu_args($args) { $args[&#39;menu_class&#39;] = &#39;sf-menu sf-navbar&#39;; return $args; } add_filter(&#39;thematic_nav_menu_args&#39;,&#39;child_nav_menu_args&#39;);</code></pre> <p>whether that makes the whole thing work like you're hoping, i couldn't say. </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22373 Tue, 19 Jul 2011 14:37:30 +0000 logostar 22373@http://themeshaper.com/forums/ <p>Has anyone figured how to allow the sub links to be displayed once the current parent page is selected? </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22352 Mon, 18 Jul 2011 00:32:11 +0000 logostar 22352@http://themeshaper.com/forums/ <p>Thank you Helga! Seems to me that I haven't noticed sf-navbar to be added to sf-menu class (using child theme)</p> <p>Am I missing something? The sub links only seem to show up when hovering over the parent link. Would the code below allow it to work? </p> <p>( $(document).ready(function(){<br /> $("ul.sf-menu").superfish({<br /> pathClass: 'current'<br /> });<br /> }); ) </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22351 Sun, 17 Jul 2011 15:53:45 +0000 helgatheviking 22351@http://themeshaper.com/forums/ <p>found example 4</p> <p>you need to use their stylesheet</p> <p><a href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish-navbar.css" rel="nofollow">http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish-navbar.css</a></p> <p>AND according to the stylesheet you also need to add the class sf-navbar in addition to sf-menu </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22349 Sun, 17 Jul 2011 12:27:53 +0000 logostar 22349@http://themeshaper.com/forums/ <p>Yes, Thematic uses suckerfish. How can one achieve the styling as shown from the link above? Rather then have child links displayed vertically, how can I change the codes to have it look like sample 4 nav-bar style?</p> <p>I'm saying, its possible the classic template navigation was built to do so, however it doesn't seem to work. I tried including the additional css from the site but it doesn't make much difference - still in vertical view. </p> <p>[side note] I notice a section with the same issue, I tried their code and it doesnt work either. </p> http://themeshaper.com/forums/topic/suckerfish-nav-bar-style#post-22348 Sat, 16 Jul 2011 21:26:38 +0000 helgatheviking 22348@http://themeshaper.com/forums/ <p>don't understand your question. thematic already uses superfish </p>