How to remove the search bar in the Refresh theme?

Store Design

Topic summary

A user seeks to remove the search bar from the top left of their website using the Refresh theme.

Initial Attempts:

  • The user tried an unspecified method but the search bar still appears in the header.

Solution Provided:

  • Navigate to: Online Store ā†’ Theme ā†’ Edit code ā†’ Assets ā†’ base.css
  • Add the following CSS code:
details.modal-header__search {
  display: none !important;
}

Outcome:

  • The user confirmed the solution worked successfully.
Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hi all.

How do I remove the search bar on the top left hand side of my website? Any help would be greatly appreciated. I am using the Refresh theme.

Thanks so much!

www.PennsylvaniaParks.org

1 Like
2

Thanks for your reply. Unfortunately, its still showing in my header.

3

Hi @Justin34

This is Richard from PageFly - Shopify Page Builder App, Iā€™d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

details-modal.header__search {
    display: none !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like
4

Thank You!!