move search form to secondary nav

Community Forums Forums Design Tips and Tricks move search form to secondary nav

This topic is: resolved

This topic contains 1 reply, has 1 voice, and was last updated by  marjwyatt 2 years, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28687


    I’m a bit frustrated and finding it hard to believe that no one has tried to do this before and published a solution but, after multiple searches, the only evidence that I could find of this came from the old forum.

    I implement this code to no avail.  I then installed this plugin:

    Activating the plugin (after following the installation instructions), resulted in the list style for the subnav not being “inline” and it also hosed up styling for the primary navigation.

    My resistance to using a plugin to solve what ought to be a simple issue like this is legendary.  Can anyone tell me the proper filter and/or hook to use to move the navigation right search to the subnav menu which has been placed above the header successfully already?

    Theme Eleven40 v1.1

    Genesis v 1.9.1

    WordPress v3.5.1

    I am unable to provide a link to the development because it is on my Xampp localhost.

    Virtually Marj Wyatt | Twitter | Facebook | Google +



    If anyone else needs to do this, here is the solution that worked for me. The inspiration was derived from this old blog post written by Bill Erickson:

    This code is added to your child theme’s functions.php:
    /** Add search form to secondary navigation menu */
    // Ref link:
    add_filter( 'genesis_nav_items', 'dt_subnav_search', 10, 2 );
    add_filter( 'wp_nav_menu_items', 'dt_subnav_search', 10, 2 );
    * @param string $menu
    * @param array $args
    * @return string
    function dt_subnav_search ($menu, $args) {
    $args = (array)$args;
    if ( 'secondary' !== $args['theme_location'] )
    return $menu;
    $dtsearch = '' . genesis_search_form() . '';
    return $menu . $dtsearch;

    Additionally, I copied the Primary Navigation Extras styles to create styles for Secondary Navigation Extras:
    /* Secondary Navigation Extras
    ------------------------------------------------------------ */

    #subnav .menu li.right { float: right; font-family: 'Oswald', arial, serif; padding: 10px 15px; }
    #subnav .menu li.right a { background: none; border: none; color: #333; display: inline; text-decoration: none; }
    #subnav .menu li.right a:hover { color: #ed702b; text-decoration: none; }
    #subnav .menu { width: 28%; padding: 7px 10px 0; }
    #subnav .menu li.rss a { background: url(images/rss.png) no-repeat center left; margin: 0 0 0 10px; padding: 0 0 0 16px; }
    #subnav .menu li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding: 0 0 0 20px; }

    Tiny CSS tweaks after that to make it work on my site design and I’m all set. I hope this helps someone else.

    Virtually Marj Wyatt | Twitter | Facebook | Google +

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘move search form to secondary nav’ is closed to new replies.