How to change search bar in Debutify theme

Topic summary

Goal: Modify the Debutify theme’s search bar so that, when the search icon is clicked, the bar expands to a different (desired) style/shape, matching a provided visual reference.

Context: This is a customization for a third‑party Shopify theme (Debutify). The user included two images showing the current behavior and the desired look; these visuals are central to understanding the change requested.

Guidance provided: A responder did not offer code or step‑by‑step instructions and instead recommended hiring Shopify Experts via a link, suggesting the task can be done professionally for a reasonable price.

Decisions/Actions: No concrete implementation steps were shared. The only action suggested is to consult Shopify Experts.

Status: Unresolved/ongoing. No solution or code snippet has been provided in the thread. Key open need: an actual method (code/CSS/JS or theme settings) to achieve the expanding search bar in Debutify.

Summarized with AI on February 1. AI used: gpt-5.

Hi all I want to change my search bar. Currently when i press the search icon

How want to look is

Thanks all

Hey, @worldspawn

I’m not formally trained in code to provide you with an exact solution to have your search bar expand out the way you would like. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price. Feel free to check them out to see if it suits your needs.

If there is anything else I can help you with, please let me know.

1 Like