Search button is not working. Please help. Thanks!
URL: https://karimadonfashion.myshopify.com/
PASSWORD: niajuy
1 Like
Hi @xammyja ,
There is no javascript associated to your search icon. Can you check if you deleted it?
It looks like the button isn’t connected to anything and is just an SVG icon. I don’t see an input field in the code either. Below I have some code that I tested out in the browser. It is not perfect as the CSS needs some adjustments to get the icon/input field centered properly. The only changes I made to the CSS was the border around the button set to ‘1px solid lightgray’ and the background-color of the button set to transparent. If you would wanting to mess with the code and are just now learning or not familiar, you may want to make a copy of your store first.
This code is located in your template.liquid file. On windows you can click anywhere in the file and click ‘CTRL F’ to search for ‘header-item’. This is what I injected into that div:
You could then go to the app store and search for a free search app if you wanted to ad their functionality to it. This would save you some time on any JavaScript you may need.
