How can I remove and disable the search and User icons?

Store Design
, , , , , , , , ,

Topic summary

Goal: Remove/disable the Search and User (Account) icons in the Shopify Refresh theme.

Key points:

  • There’s no built‑in theme setting to hide these icons; code changes are required.
  • Recommended fix: add CSS to hide both icons.

Proposed solution (most consistent):

  • Admin > Online Store > Themes > Actions > Edit code.
  • Open Assets > base.css (or style.css/theme.css) and append:
    .header__icon–search, a.header__icon.header__icon–account { display: none; }
  • Save. A screenshot was shared showing the icons removed after this change.

Alternative (less clear):

  • Another suggestion was to add code in theme.liquid above , but no actual code snippet was provided in that post.

Context/notes:

  • One reply reminded that hiding icons in Dawn/Refresh is a common topic and linked to forum searches; also cautioned against over-tagging.
  • Technical terms: CSS is the stylesheet language; base.css is the theme’s main stylesheet; theme.liquid is the main layout file.

Status: No confirmation from the original poster that the solution was applied; discussion appears open.

Summarized with AI on December 16. AI used: gpt-5.
1

Hi there!

I am using the Refresh theme and I would like to remove the Search and User icons.

I can’t find the option, can you help me?

Website: https://plenitudvital.es/

kingdom2_0-1729709382761.png
kingdom2_0-1729709382761.png1547×818 68.7 KB

Thanks!

2 Likes
2

Hi there,

There is not standard setting for this. But you can change the code if you feel comfortable. It is quite an “easy” task if you feel up for it.

3

@kingdom2 avoid spamming labels all you do is add noise to the forums making it harder for future searches, and set yourself up to be ignored

when you have real difficult problem by those that block low effort or spammy posts.

Use search, styling icons, hiding icons, is a very common topic for Dawn based themes

4

Hi @kingdom2

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__icon--search, a.header__icon.header__icon--account {
    display: none;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

5

Hi @kingdom2

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

6

Hello @kingdom2

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__icon--search, a.header__icon.header__icon--account {
display: none;
}