How can I have extended search bar in Kalles theme?

Store Design
,
1

Looking to remove the search icon and get the long search bar on top in Kalles theme. Can someone share on how to do it? Screenshot attached for reference

image
image310×296 2.93 KB

3

HI @AmeerAli

You can do that by editing your header settings in the Kalles theme:

  1. Go to Online Store → Customize → Header section.

  2. Look for an option like Search style or Search layout — switch it from “icon” to “full search bar.”

  3. If your version of Kalles doesn’t have that setting, you can edit it manually:

    • Go to Edit code → Sections → header.liquid.

    • Find the search icon code (usually something like {% render 'search-popup' %}) and replace it with the full search form snippet:

      {% render ‘search-bar’ %}

That’ll show the long search bar across the header instead of just the icon.

If you’re not seeing those options or not sure where exactly to replace the code, I can walk you through the exact steps for your version — want me to?

Let me know if this helps..

4

Hi @AmeerAli

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.