always show search box (make it show without having to click icon)

Hi there,

Wouldn't this make it so your other menu items couldn't be clicked? Or would you want the search box to appear below the navigation?

Let me know :)

Like this:

You know, I might have better success with just finding out how to add a search box with in GP Hook. https://developer.wordpress.org/reference/functions/get_search_form/

I thought it would make sense to just use what was already there... but maybe not.

Hi there,

you can add a search form to the inside_navigation hook using this function:

add_action( 'generate_inside_navigation','db_navigation_search' );  

function db_navigation_search() { ?> 
    <form role="search" method="get" id="searchform"
    class="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <div>
        <label class="screen-reader-text" for="s"><?php _x( 'Search for:', 'label' ); ?></label>
        <input type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" />
        <input type="submit" id="searchsubmit"
            value="<?php echo esc_attr_x( 'Search', 'submit button' ); ?>" />
    </div>
</form>
<?php }

Alternatively you can use a Hook Element and just add the HTML within that function.

Then some CSS to align it to the right of the menu:

.inside-navigation {
    display: flex;
}

.inside-navigation form {
    order: 5;
}

Hello,

I have implemented the code snippet on an Element Hook, as described by David here.
How to move the search box on the desired position inside the navigation?
Image attached.

Thank you!

Marcel

Any chance you can link us to your site so we can give you specific CSS?

Thanks!