This theme component is no longer maintained. See below for more information
Alternatives include Advanced Header Search and Advanced Search Banner
Repository: GitHub - paviliondev/discourse-header-search-theme · GitHub
This is a re-packaging of the Header Search Plugin so it can be used as a theme.
The functionality is the same as the plugin.
See further:
哪个版本的 Discourse 支持此主题？
我目前仍在 v 1.9.0.beta4 版本，由于 API 问题（版本不支持），此主题无法正常工作：
如果此主题仅适用于 v 1.9.0.beta5 及更高版本，请在主题帖（OP）中补充说明。
顺便一提，将脚本中的 version='0.8.9' 改为 version='0.8' 可以解决问题，至少在 beta 4 版本上有效。
嗨 @angus，我发现我的论坛在 Internet Explorer 上无法加载（但在 Firefox、Chrome、Opera 和 Edge 上可以正常运行）。
经过多次重建后，我发现问题似乎出在这个主题上。
当我在默认主题中禁用它后，论坛就能正常加载了。
IE still doesn’t support Object.keys? Ok I’m downloading a few IE vms to do some more thorough testing…
@Trash @bombledmonk Fixed for IE 11 
Note: To test Discourse on IE on Mac:
localhost:3000 on the host (i.e. your normal browser).http://10.0.2.2:3000/ and your local instance will load.There’s no need to edit the C:\windows\system32\drivers\etc\hosts file on the guest.
Thank you master , it works now on Windows.
I was wondering if it would be possible to make the search bar be on the right, beside the hamburger menu, instead of having it beside the icon?
It’s not possible to use settings in a theme, so you will need to apply css via the site customizer or fork the theme. It should be doable with css. I can take a look at what css would be required on Sunday, unless you want to take a look sooner.
A little late, but here’s the css if you want the search bar to appear on the right of the header instead of the left. Add it in Admin > Customize.
.header-search-enabled .contents {
display: flex;
justify-content: space-between;
&:before, &:after {
display: none;
}
.title {
flex: 1 1 auto;
}
.search-header {
float: right;
margin-left: 0;
margin-right: 10px;
}
.search-input {
float: right;
margin-left: 10px;
margin-right: 0;
}
.search-context {
padding-top: 5px;
float: right;
}
.results {
right: 0;
}
}
You’ll, need to update to the latest for it to work properly.
The same CSS will also work for the Header Search Plugin.
@angus，搜索图标在打开网站时是可见的（即使它无法正常工作），但在打开某个主题或点击标题栏中的搜索栏时会消失。
我好像记得插件中也出现过同样的情况，而你当时已经修复了该问题。
hm. I did apply the same fix to the theme at the time.
Are you sure your theme is up to date?
I’m using the theme in my sandbox and it seems to be working ok.
Does it always happen, or only sometimes?
Oh damn, you are right.
I never remember that the themes should be updated manually…my bad 
If you have the header search bar up and slowly shrink the width of the browser, there will come a point where the hamburger menu is moved above the user avatar if the search bar is aligned right:
The theme automatically hides the search bar when the header becomes too small to contain it + the logo + the right icons. I had to increase the absolute width of the search bar to properly handle right alignment which threw that calculation off. The search bar should now disappear and the search icon re-appear in that scenario.
I’ve tweaked the size calculation logic here so that you can arbitrarily set the width of the header-search using css and the show hide behaviour will respond accordingly. This helps those with wide site logos.
The default width of the search-header contains, which holds both the search input and the contextual search options, is 600px.
This was an issue for sites with wide logos, as there wasn’t enough space to fit the element comfortably (particularly with the sign up / login buttons on the right).
Now you can add something like this to your custom css.
div.search-header {
width: 400px;
}
And that new size will be factored into the calculation that determines whether to show / hide the search input when the window is resized.
Thank you so much @angus, works like a charm! 
Fixed: Style tweaks · paviliondev/discourse-header-search-theme@ab51e85 · GitHub
I’ve made a slight change to the right alignment css, so please re-copy / paste that.
When in a topic, scrolling down until the search icon appears, clicking it and scrolling back up will make it so that there are two search bars on the screen at the same time. (Some times there’s a delay before the header search bar appears)
I think I did that part of that intentionally, the idea being that if you have one search open already, it would be jarring to have the search input suddenly jump to the header if you happened to scroll up. But it seems to be working imperfectly. I’ll take a look tomorrow.
