# Removing search icon from the header

**URL:** https://meta.discourse.org/t/removing-search-icon-from-the-header/55262
**Category:** Support
**Created:** [1월 6, 2017, 5:08오전 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262 "2017-01-06T05:08:49Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Magnetidog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/magnetidog/32/116910_2.png) [@Magnetidog](https://meta.discourse.org/u/Magnetidog)
#### Post date: [1월 6, 2017, 5:08오전 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/1 "2017-01-06T05:08:49Z")

</div>

To make a long shory short, I need to remove the search icon and the search functionality from a website I am working on, as the owner wants to use only Google CSE.

I understand how to add links and buttons - but what is the proper way to remove buttons from the header with the new Discourse API?

Thanks!

---

<div class="post-metadata">

### Author: ![Nam\_Nguyen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nam_nguyen/32/68634_2.png) [@Nam\_Nguyen](https://meta.discourse.org/u/Nam_Nguyen)
#### Post date: [1월 6, 2017, 6:50오전 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/2 "2017-01-06T06:50:15Z")

</div>

I don’t know how to remove search function, and I think it is hard to remove it from whole discourse

> [@Magnetidog](#):
>
> remove buttons from the header

easy way is hide search icon in header 😃

```
a#search-button.icon {
    display: none;
}

```

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [1월 6, 2017, 7:17오전 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/3 "2017-01-06T07:17:47Z")

</div>

> [@Nam\_Nguyen](#):
>
> easy way is hide search icon in header

Agreed.

Technically users could go into the dev tools, find the rule, and uncheck the display none and then use the Discourse search.

But I seriously doubt many would. In fact I think if you used a less obvious selector that the owner would never become aware of it. eg.

```plaintext
div.panel ul.icons li:first-child {
 display: none;
} 

```

I don’t understand the request, IMHO Discourse search works great. I’m guessing the owner has been listening to some SEO snake oil.

---

<div class="post-metadata">

### Author: ![Magnetidog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/magnetidog/32/116910_2.png) [@Magnetidog](https://meta.discourse.org/u/Magnetidog)
#### Post date: [1월 6, 2017, 5:06오후 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/4 "2017-01-06T17:06:37Z")

</div>

Hello - thanks for the tips. I have in fact hidden it with CSS, so far.

Indeed Mittineague, I also like Discourse’s search - especially coming from the horror that search was in other forum software I have worked with for years. It just has to do with specific needs (in this case the owner wants a search that spans 3 different domains/websites he owns, not just discourse).

Thanks for your response!

---

<div class="post-metadata">

### Author: ![elijah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elijah/32/104055_2.png) [@elijah](https://meta.discourse.org/u/elijah)
#### Post date: [1월 6, 2017, 9:23오후 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/5 "2017-01-06T21:23:36Z")

</div>

The search would still be available from the / keystroke, though, wouldn’t it?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [1월 6, 2017, 10:14오후 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/6 "2017-01-06T22:14:32Z")

</div>

> [@elijah](#):
>
> wouldn’t it?

Yes, so much for being less obvious.

```plaintext
div.search-menu div.panel-body, 
#keyboard-shortcuts-help div div:nth-child(2) li:nth-child(5), 
div.panel ul.icons li:first-child {
 display: none;
}

```

the search form input modal  
the keyboard help reference  
the nav icon

---

<div class="post-metadata">

### Author: ![Magnetidog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/magnetidog/32/116910_2.png) [@Magnetidog](https://meta.discourse.org/u/Magnetidog)
#### Post date: [1월 8, 2017, 5:43오후 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/7 "2017-01-08T17:43:34Z")

</div>

Thank you everybody 😉

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [4월 18, 2019, 7:00오전 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/8 "2019-04-18T07:00:41Z")

</div>



---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [4월 24, 2019, 5:50오후 UTC](https://meta.discourse.org/t/removing-search-icon-from-the-header/55262/9 "2019-04-24T17:50:13Z")

</div>


