Removing search icon from the header

Support

AI-generated summary

Removing search icon from the header

Magnetidog wants to remove the search icon and functionality from a website to use Google CSE instead. Nam_Nguyen suggests hiding the search icon in the header using CSS: a#search-button.icon { display: none; }. Mittineague agrees and provides an alternative selector. However, they express doubts about the request, considering Discourse search effective.

Magnetidog explains that the owner needs a search spanning multiple domains, and has already hidden the icon using CSS. elijah points out that the search is still accessible via the / keystroke. Mittineague provides additional CSS to hide the search form input modal, keyboard help reference, and nav icon.

1

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!

2

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

easy way is hide search icon in header :smiley:

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

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.

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.

4

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!

5

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

6

Yes, so much for being less obvious.

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

7

Thank you everybody :wink: