Why is my search icon appearing too small on iPhone?

Hi Everyone,

I have a problem on an icon set, only on iPhone and not on Android Phone.The search icon is really really tiny, and in private mode, it’s still here… Anyone should know how I can fix that ?

https://eclatparis.myshopify.com/

password : skeily

Hello @UIRemi ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.header__search-icon {
  font-size: 24px;
}

Save and preview

Hope this can help. Let us know if you need any further support.

Transcy

Hi Transcy, thanks a lot for your help ! I tried this too already, but still have to problem

Maybe it’s on the div on the top ?

Ok I got it bymyself !

If anyone has this problem, search in the header.liquid

“vg xmlns=“http://www.w3.org/2000/svg” class=“hidden”>”

And replace by this following content

and after, search this " <symbol id=“icon-search”

replace the path fill-rule, I don’t know why but mine was wrong