↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login
Get Started
Cyberchimps Logo

Off Canvas Menu

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login

Theme Installation & Updates

7
  • How to Delete a WordPress Theme
  • Precautions to take while working with a child theme
  • How to Create Your Account on Cyberchimps Responsive
  • FIX: Uploaded-file-exceeds-the-upload_max_filesize
  • Getting Error โ€“ The theme is missing the style.css stylesheet?
  • How to Install Responsive Theme
  • How to Download & Install Responsive Starter Template Plugin?

Responsive Theme Walkthrough

23
  • Blog/Archive Settings
  • Single Post Settings
  • Page Settings
  • Global Settings – Colors and Backgrounds
  • Global Settings – Form Fields
  • Global Settings – Button
  • How to Load Google Fonts Locally
  • How to Add Sidebar in Responsive Theme
  • Header and Footer Scripts in theme customizer
  • Global Typography Settings in Responsive Theme
  • Show Last Updated or Published Dates on Your Blog Posts
  • Create a Header Using Responsive Theme’s Header Builder
  • Create a Footer Using Responsive Themeโ€™s Footer Builder
  • Responsive Theme Typography Presets
  • How To Create A Sticky Header Using Cyberchimps Responsive Theme
  • How To Change The Copyright Footer Text In WordPress
  • How To Change Breadcrumbs Icon in Responsive Theme
  • How to adjust the width of sidebars from the customizer
  • Resize Logo From Theme Customizer
  • How to Add Breadcrumbs Using Responsive Theme?
  • Responsive Theme Settings
  • How to Add Related Posts Using Responsive Theme
  • Responsive Theme Widgets

FAQ

8
  • How To Enable Debug Log In WordPress
  • Download A .zip File Without Unzipping In Safari
  • How To Create An Admin User For Support In WordPress
  • Upgrading to 4.0.0 +
  • Upgrading to 4.1
  • Facing issues in importing Yoga Instructor Pro?
  • Yoast Seo Breadcrumb support in the theme
  • Updating to 4.2.0 results in the blank front end

Pre Sales / Billing FAQ

2
  • Billing FAQ
  • Pre Sales FAQ

Header Builder

12
  • How To Create Mobile Header With Responsive Theme’s Header Builder
  • How to Activate Live Search
  • Secondary Menu
  • HTML
  • Contact Info
  • Header Widgets
  • Header Social
  • Cart
  • Header Button
  • Search
  • Site Title and Logo
  • Primary Menu

Footer Builder

5
  • Footer Widgetsย 
  • Social
  • Scroll To Top
  • Copyright
  • Footer Menu
View Categories
  • Home
  • Docs
  • Responsive Theme
  • Header Builder
  • How to Activate Live Search

How to Activate Live Search

The Responsive Theme by Cyberhimps offers a built-in Live Search feature that helps your website users see results as soon as they type. This makes it easier for visitors to navigate to the content they want immediately.

What is Live Search?

The Responsive Theme takes search to another realm. Initially, website visitors had to type their query, press enter, and wait for the results page to load completely.

The Responsive Themeโ€™s Live Search feature enables users to instantly view search results without having to click on Enter. No extra clicking or waiting. This feature helps to keep visitors on your site for a longer period of time.

How to activate the live search feature?

Using the steps below, activate and use the Live Search feature:

Firstly, you need to install the Responsive Theme by clicking on Appearance and then Themes, where you can find the Responsive Theme.

Also, I have used the Software Company template, which you can find using the Responsive Plus – Starter Templates plugin.

Once you install everything, in the front-end, click on Customise to open the customiser.

customise

 Once you open the Customiser, click on Header to open the header settings.

Header settings in the customizer

Scroll and find Search in the items, and drag and drop it wherever you want your Live Search option.

find search

Place it wherever you want. i have placed it here.

add live seach

Once you add it to your header, you will see it in the website preview. now click on it and cerain settings would open. Customise the look of the live search option however you like.

customise

Use the Design tab to change the style, background, and much of the Live Search option.

design tab

Now, the most crucial step. In the General Settings, enable the Live Search option to actually be able to view the live search.

enable live search

Now, type something in the search bar and see the results.

view live search

Settings of the customiser

Now that we know how to activate Live Preview on your website, let’s learn about the various settings.

Header Search in Customizer

General Setting:

Using the steps below, activate and use the Live Search feature:

  • Live Search: Use the toggle to enable or disable the live search feature. Without enabling this, your live search will not work.
  • Search Within Post Types: Enable Pages and Posts to allow users to search live across both.
Updated on December 3, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
How To Create Mobile Header With Responsive Theme’s Header BuilderSecondary Menu

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2026 CyberChimpsย ย 

Copyright © 2010-2026 CyberChimpsย ย 

Top
Top