Remove the search bar on the Simple theme?

Store Design
1

Hi all,

I am using the simple theme. I can’t figure out how to remove the search bar on the top left-hand side of the website. I just don’t like it. And for my site, the search bar simply isn’t needed.

My website is www.PennsylvaniaParks.org

Any help would be greatly appreciated.

Thanks!

2

You could try adding this code to the bottom of theme.scss.css

.top-bar__search {
  visibility: hidden;
}
3

Hi @Justin34 ,

Thanks for reaching out to the Shopify Community with your question!

Kindly follow these steps to remove the search bar on the Simple theme:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the Simple theme, and then click on Actions > Edit code.

  3. Find/Search for theme.scss.liquid file.

  4. Put the following code at the bottom of that file.

.top-bar .top-bar__search{
    display: none !important;
}
  1. Save and check the result on your frontend.

If you find this answer helpful, please mark it as Solution. Let me know if you have any further questions at all or if I can help in any other way.

4

@Justin34 Please follow up on below steps.

  1. Open your store and go to Themes.
  2. Click on Actions.
  3. Then click on Edit Code
  4. Search for “theme.liquid” file
  5. Select the “theme.liquid” file and scroll to the last line.
    6.Enter the following code.
    header.site-header .search-bar{
    visibility: hidden !important;
    }

Save the changes and the Shopify search bar will be hidden.

5

Thank you to everyone who assisted me. I tried Nick’s suggestion first since he was the first one to message me and it worked right off the bat. Thanks Nick! (and everyone else who sent suggestions too!)