Tokoo theme

This article explains how to replace the native search bar in the Tokoo theme via MadrasThemes.

Replacing is based on editing the Tokoo child theme. Make sure you have installed the Tokoo child theme. If not, install it.

Replacing search bar

Open functions.php file in the child theme and add there following code:

if ( ! function_exists( 'tokoo_header_search' ) ) {
    function tokoo_header_search() {
    ?>
        <div class="header-search">
          <?php echo do_shortcode('[wcas-search-form layout="classic" mobile_overlay="0"]'); ?>
        </div>
    <?php
    }
}