Search bar over the menu

[Borislav_VD]

Could be possible to put the search area over the menu like here ? thanks

[nabeel]

Hi there,

Thanks for writing in! That is possible wih Pro header builder but I see you’re using X so you can use Topbar to display the search bar over your menu bar. Navigate to X > Theme Options > Header > MISCELLANEOUS and turn on the Topbar first then in Topbar Content, add the following code:

<form action="url/of/your/site" class="form-search" id="searchform" method="get">
  <label class="visually-hidden" for="s">Search</label>
  <input type="text" placeholder="Search" name="s" class="search-query" id="s">
</form>

Just replace url/of/your/site with the actual URL of your site in the above code

Hope this helps!