Hello everyone - my serach icon is visible on desktop but on mobile the icon disappears and can only be found in the hamburger drop down. How can i change this? ive googled lots and tried lots of different code but not working.
I appreciate the context that you have shared as that is very helpful. Could you let us know which theme you are using? As this context will help us assist you better in this situation.
If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are located towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:
Looking into the options available using the Modular theme, I noticed that this is a third-party theme that is designed and supported by Presidio Creative. With that being said, since this theme was not developed by Shopify, we are a bit unfamiliar with the style of coding that used within the header section of the themes code.
It would be best to direct this inquiry towards the developers of the theme as they would be in the best position to provide additional support and insight to changing the way the menu is displaying on the mobile version of the store. I did come across to finding their Contact Us page and wanted to provide it. It looks like you can reach out to their support by selecting the Contact option towards the top right of the website.
Let me know if you have any additional questions, happy to help out.