any way to have big search bar in header

Hi there,

We actually have a site library template with a header very similar to that which might be worth considering:
https://gpsites.co/prime/

If not, are you just using the default search widget from WordPress?

Getting GP Premium would be the easiest solution as you can just import the layout.

If not we can also make it work with the free version.

Can you link me to your site in question? Are you just using the default search widget from WordPress?

Will you be using the default search widget then?

Prime is using this plugin:
https://en-ca.wordpress.org/plugins/ajax-search-for-woocommerce/

Once you’ve added the plugin, add this PHP snippet:

add_action( 'generate_after_header_content', function() {
    ?>
        <div class="woo-search">[wcas-search-form]</div>
    <?php
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

You might need to make sure the shortcode matches.

Link me to the site after that’s done.

That link requires a login and password.

Can you provide the viewable access?

I’m just seeing the shortcode.

Have you installed and activated the Ajax plugin?

Hmm can you try this?

add_action( 'generate_after_header_content', function() {
    ?>
        <div class="woo-search"><?php echo do_shortcode('wcas-search-form'); ?></div>
    <?php
} );

Now it’s added as a header widget instead of a hook.

But you can try this CSS to make it bigger:

.header-widget {
    width: 75%;
    max-width: unset;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/