Header Search

:discourse2: Summary Header Search removes the search icon from the header menu and creates a search bar that is placed in the middle of the header area.
:eyeglasses: Preview Preview on theme-creator.discourse.org
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-header-search
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Thanks to @Johani for the search panel javascript code :+1:

21 Likes

Why the search icon on mobile missing?

2 Likes

Perhaps because the form is visible (and breaks layout…)?

1 Like

@jordan-vidrine any update on mobile? Thanks :sunny:

1 Like

I can repro this issue on mobile:

We’ll look into a fix. :+1:

3 Likes

The preview seems broken.

1 Like

Yes, for me too. I was trying to quietly work out how to fix it before anyone noticed. :slightly_smiling_face:

Update: It was simpler than I had assumed. There was a full stop in the address rather than a hyphen. That should be working now. :+1:

5 Likes

I’ve just made an update to the component, this will make the default search icon appear on mobile:

3 Likes

This works fine now .

:kissing_heart: @JammyDodger

:kissing_heart: @awesomerobot

Thanks.

3 Likes

Can you add a text color option? I’ts pretty incompatible with my theme
image

1 Like

Hello, first of all really good theme component. Works very well for me.
I have a small suggestion for improvement. The search bar should certainly not be displayed in a login-required forum, since it can not be used anyway.

3 Likes