How can I eliminate the search icon in the Dawn theme header?

Shopify Discussion

Topic summary

A user seeks to remove the search icon from their Dawn theme header on Shopify.

Initial Solution Provided:

  • Navigate to Online Store → Themes → Edit code
  • Open the base.css file
  • Add CSS code at the bottom to hide the header search icon using display: none

Follow-up Request:
The user then asks how to change the search icon’s color instead of removing it entirely.

Updated Solution:

  • Remove the previous hiding code
  • Add new CSS targeting the cart icon bubble with a custom color property
  • Replace #yourcolor with the desired color value

Status: The conversation remains open with the color-change solution provided but not yet confirmed as implemented or tested by the original poster.

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

How to remove search icon in header? I’m using theme Dawn

2

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.header__icon.header__icon--search {
    display: none;
}
1 Like
3

Hello @broadam

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

#cart-icon-bubble {
    display: none;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

1 Like
4

Thank you

5

Thank you. Can you guide me on how to change the color of the search icon?

6

Hello @broadam

To change the icon color, you need to delete the above code to remove the icon and add my code below to enable color changing.

#cart-icon-bubble {
    color: #yourcolor !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly