Hi. Please help.
This is my current search icon:
And i want it to look like this, please.
Can someone help me?
store URL: https://destyleaustraliamirrors.com/
Thank you.
Topic summary
Request to replace the header search icon in Shopify’s Dawn theme with a persistent search bar.
- Goal: show the search bar by default in the header (like the provided sample image), not a toggleable icon.
- Clarification: OP confirmed the always-visible bar and notes prior attempts placed the bar off to the side; they want the same placement/width as the sample.
- Secondary issue: another participant implemented code (referenced from “Maximus,” code not shown) and lost both the “X” close control and the header search icon. They shared a screenshot and a live URL to reproduce.
- Assets central to understanding: screenshots comparing current icon vs desired full-width search bar; live store URL and an example search URL were provided.
- Status: no final solution or code fix posted yet; guidance pending.
- Likely needs: header template/liquid and CSS updates in Dawn to render the search form open by default, center/size it to match the sample, and preserve UI controls (search icon and close “X”).
Open/ongoing; awaiting revised instructions or code.
1 Like
Hi @DeStyle11
Do you mean to make the search bar display by default as your example image?
Hi, yes
Hi, I want it look like the sample I attached above. I tried that but I don’t like that its on the side.
@Maximus I tried your code above but I lost the “x” to close it and also the search icon in the header bar component
See screenshot or website
Yes, sorry here it is! https://weddingshop.withjoy.com/search?q=whiskey&options%5Bprefix%5D=last
@Maximus lemme know your thoughts