Custom Search in Nav Bar

[sjhardware]

I am trying to replace the nav bar search with a more functional search (the stock search shows hidden WooCommerce items?

I did find one post about this but I dont understand from that thread how to implement the change.

We ahve an upgraded search plugin, and it can be implemented three different ways:

Add search form using shortcode [aws_search_form]
Add search form as widget for one of your theme widget areas. Go to Appearance -> Widgets and drag&drop AWS Widget to one of your widget areas - We have done this in collapsible header and footer, works great)
Add PHP code to the necessary files of your theme: <?php if ( function_exists( 'aws_get_search_form' ) ) { aws_get_search_form(); } ?>

I think the last option is probably what we are looking for. We simply want the search field to be displayed where the stick search icon (magnifying glass) shows

[christopher]

Hi Simon,

This is surely a customization request and outside of our support scope. We will be able to give you the principles of the customization but the actual implementation will be on your shoulders.

You should install the Child Theme and override the header file of the theme into the child theme and add the PHP code that you have into the file.

Please kindly read more about Child Theme here:

Child Themes | Themeco Docs

And the overriding best practices here:

Best Practices | Themeco Docs

The X theme does not have Builder options for the header part. But the Pro theme does have that functionality and you can use the Pro header builder to create the header of your website as you wish. For your case scenario, you would use the Content Area element to add the shortcode (First option) wherever you liked in the header.

If you ware interested in the difference between the X and Pro theme you can learn more here.