Help on putting an opened search box instead of a clickable icon?

trying to put the search box in the header by default, i.e. this opened up search box:

can anyone help me?

so far i paste the search-bar code in the header:

<div class="panel-body">
    <div class="panel-body-contents clearfix">
    <input placeholder="جستجوی موضوعات، نوشته ها، کاربران یا دسته‌ بندی ها" value="" id="search-term" type="text">
        
        <div class="search-context">      
        <a title="گزینه ها" class="widget-link show-help">گزینه ها </a>
            <div class="clearfix">
            </div>
        </div>
    </div>
</div>

and now there exist a search panel in the header of the site, which needs some css of course.

but more importantly it’'s non-functional.

does anyone have any idea how to make it functional? what javascript code should i put there to call the search function of discourse?

Isn’t this what you want?

3 Likes

Thanks Cpardio, that was exactly what I was looking. :smiley:

“header search” seems to be a straight search keyword here, i don’t know why i just tried “open search panel” and things like this!