Docs

[Garry]

Hi X theme.
I want to change my navbar search style. So when people click the search icon it will turn into small box to be filled. Not like X theme standard into full screen search field.
How can I do it ? thanks

[Rupok]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Garry]

okey tell me how can I change the default word on navbar search. I waant to “change type and press enter to search”
Thankyou

[Rue Nel]

Hello There,

Thanks for updating in! To change the phrase in the search overlay, since the child theme is already set up, please add the following code in your child theme’s functions.php file

// Navbar Searchform Popup
// =============================================================================

if ( ! function_exists( 'x_navbar_searchform_overlay' ) ) :
  function x_navbar_searchform_overlay() {

    if ( x_get_option( 'x_header_search_enable' ) == '1' ) :

      ?>

      <div class="x-searchform-overlay">
        <div class="x-searchform-overlay-inner">
          <div class="x-container max width">
            <form method="get" id="searchform" class="form-search center-text" action="<?php echo esc_url( home_url( '/' ) ); ?>">
              <label for="s" class="cfc-h-tx tt-upper"><?php _e( 'Insert your own text here', '__x__' ); ?></label>
              <input type="text" id="s" class="search-query cfc-h-tx center-text tt-upper" name="s">
            </form>
          </div>
        </div>
      </div>

      <?php

    endif;

  }
  add_action( 'x_before_site_end', 'x_navbar_searchform_overlay' );
endif;

And please do not forget to replace the text in the code above.

Please let us know how it goes.

[Garry]

Thankyou it works!
Sorry but If want to change search display do you know some plugin that works?
or any other way?
If I want to change the display into ordinary normal search field. so people can enter the text they want to search without pressing magnifier icon first.

Thanks 🙂

[Rupok]

Hi there,

You can search on the plugin repository. Let’s try this plugin. Note that we don’t recommend any third party plugin as we don’t provide support or guarantee for any third party plugin.

Thanks!

[Garry]

Oh okey, thankyou for your help.
Wish you luck 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts