Hello webflow community.
I’ve used an input field to create an instant search. But i’ve ran into some issues.
-
I used an input field in a form block to create the current styling. I gave it a class then applied the same class to my embed element. However I could not work out how to control the focused style, as it is still has the default thick blue outline. (See image below)
-
I would also like to add a clear (x) icon to replace the search icon once the user starts to type.
3.Lastly the instant search doesn’t seem to work on mobile and i’m not sure why.
Share link: https://preview.webflow.com/preview/labaroma?utm_medium=preview_link&utm_source=designer&utm_content=labaroma&preview=f8c195a1a6f73f26e98d6c368dd4f7eb&pageId=5ec7e8bd0a860f4e0d6d92f4&mode=preview
Published link: https://labaroma.webflow.io/podcasts
If anyone could offer any tips I would grateful.
Thank you