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

Shopify Discussion
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