Goal: Replace the header search bar with a magnifying glass icon in a Shopify Dawn + custom theme. On mobile, the magnifying glass and bag icon should appear next to the logo on the home screen.
Behavior: Tapping the magnifying glass should open a popup (overlay) search bar rather than navigating to a separate search page. A screenshot mockup was shared to confirm the intended UI.
Clarifications: The helper asked whether the icon should lead to a page or a popup; the requester chose a popup. The visual reference indicates the exact placement and look of the icons.
Next steps: The helper requested collaborator access to review and implement the change. The requester agreed to share the collaborator code via private message.
Status: Implementation pending. Awaiting private message with the collaborator code so the helper can send the invitation and proceed; no code changes or solution details posted yet.
Hello,
I am struggling to change the search bar into a search magnifying glass icon (dawn theme + custom theme). Here is my store: culturequeens.clothing. Please send me a private message if you need the collaborator link.
Thank you for your time and support!
Hi @culturequeens ,
How do you want it to change? please describe it more, I will help you check it
Thank you for your quick response!
I would like to turn the search bar into a magnifying glass so the mobile version will display the magnifying glass and the bag icon next to the logo on the home screen.
Thanks again!
Hi @culturequeens ,
You want to show this:
When you click the icon, do you want it to go to the search page or show a popup?
That is perfect! I would like it to show a pop up search bar.
Hi @culturequeens ,
Can I send you a collaborator invitation? It will help me to check everything better.
Yes, of course! That sounds great!
Hi @culturequeens ,
Please send me the collaborator code in private message, I will send you the invitation and check it
