How can I adjust the size of my header icons on the Crave theme?

Store Design
1

Well, I finally did it! After trying for almost a full day, I finally figured out how to change out my search icon on the Crave Theme. There were some issues with Shopify that prevented me from saving any of my changes to the header.liquid section and once those were resolved earlier today it didn’t take long for me to make the necessary changes.

I was excited to have it figured out until I went to check and realized that while it worked, the search icon was now MASSIVE and way too big for me to use.

How can I fix my icons to make them more consistently sized with one another? I can’t seem to figure out why they are all scaled to different sizes when they were all originally created at the same size before .svg export.

Website: Leftovertoys

Password: froglockdown

Theme: Crave

EEDF827F-97FC-4B0F-A833-64DEB4A64D56_1_201_a.jpeg
EEDF827F-97FC-4B0F-A833-64DEB4A64D56_1_201_a.jpeg1170×2452 228 KB

2

Hi @JDean1992 ,

This is theme file issue, you must contact support of your theme or hire an expert so they can solve this issue for you.

Cheers,

3

Hello @JDean1992

I see you added search image wrong place on theme and see if we reduced size of search icon it shows on the top left which means placement of search image is not correct.

Niraj_singh_0-1659494690534.png
Niraj_singh_0-1659494690534.png1913×992 422 KB

4

@Niraj_singh in the theme I placed the code in the header.liquid section where I found the other search icon. I likely inserted the code incorrectly it would seem. Could you direct me to the proper placement for the code so that I don’t continue to have this issue. Thanks in advance for any help you can provide.