Why is the searching icon not in place on my TASTE theme?

[Idob]

Hello, I'm having a hard time trying to fix it...

the searching icon is not in place in both platforms.

website URL: https://authenticpet.com/ - 3144

[PageFly-Richard · Accepted solution]

Hi @Idob 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.header__icon, .header__icon--cart .icon {
    width: 2.4rem !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[PageFly-Richard · Accepted solution]

Hi @Idob 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.header__icon, .header__icon--cart .icon {
    width: 2.4rem !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[StudioEnchant · Accepted solution]

Hey @Idob,

Simply add the following code to the bottom of your base.css file:

.header__icon, .header__icon--search .icon {
    margin-right: -0.5rem;
}

We hope this helps you achieve the requested change. If you encounter any problems while implementing our solution, please don't hesitate to reply here, and we'll be more than happy to assist you!