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

Store Design
, ,

Topic summary

A user is experiencing a misaligned search icon on their TASTE theme across both desktop and mobile platforms.

Proposed Solutions:

Two community members offered CSS fixes to be added to the base.css file:

  • Solution 1: Target .header__icon and .header__icon.cart-icon with width: 2.4rem !important;

  • Solution 2: Apply margin-right: -0.5rem; to .header__icon, .header__icon--search .icon

Both solutions involve editing the theme code through Online Store → Theme → Edit code → Assets → base.css.

Status: The issue remains unresolved as the original poster has not confirmed whether either solution worked.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

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

Screenshot (6).png
Screenshot (6).png1920×253 31.6 KB

2

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

3

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!