How can I remove "search text"

Store Design
, , ,

Topic summary

A user wants to remove the “search” text label from their store’s search widget while keeping the search functionality intact.

Solution Provided:

  • Add custom CSS code to hide the search text label
  • Insert the CSS snippet above the </head> tag in the theme.liquid file (not password.liquid as initially suggested)

Implementation Steps:

  1. Navigate to Online Store → Edit Code
  2. Locate the theme.liquid file
  3. Paste the provided CSS code before the closing </head> tag

Outcome:
The solution was successfully implemented and confirmed working by the original poster.

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

Hi folks, How can I remove “search” text and leave the search snippet like the way it is. see screen shot for better understanding.

my store link

SinghSells_0-1733563822100.png
SinghSells_0-1733563822100.png292×169 2.52 KB

2

Hi @SinghSells ,

I have written custom CSS for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code just above tag

theycallmemakka_0-1733564051160.png
theycallmemakka_0-1733564051160.png1654×350 28.7 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
3

hi bro, are you sure I need to paste this in password.liquid file? as I did and nothing happened.

4

Yes, it was theme.liquid file. I tried and it works. Thanks

5

Thank I could help. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!