Jump to content

Feed Template - Create Search Bar in Header?

Recommended Posts

Hi there,

I'm looking to have a search bar (essentially like the search block you can add when editing a page) added to the header. I dislike the search icon with this template, as it takes the user to a whole new page, versus being able to search quickly from the homepage.

Does anyone have a suggestion for how to get around this or a code to use to change this feature?

Thank you for your time!

Link to comment
  • Replies 2
  • Created
  • Last Reply

add this code in header box

<div id="block-yui_3_17_2_1_1564113444310_8307" class="yui3-widget yui3-block-base sqs-block-modelsync sqs-block-search sqs-block search-block"><div id="yui_3_17_2_1_1564113444310_8309" class="sqs-block-search-content sqs-block-content"><div class="sqs-search-ui-text-input sqs-search-ui-button-wrapper color-dark" data-source="block" data-preview="true" data-collection="" id="yui_3_17_2_1_1564113444310_8818">
 <div class="spinner-wrapper" id="yui_3_17_2_1_1564113444310_8921" hidden="hidden" style="display: none;"></div>
 <input type="search" class="search-input hover-effect" value="" placeholder="Search">
<div id="yui_3_17_2_1_1564113444310_8809" class="yui3-widget sqs-widget sqs-search-preview"><div id="yui_3_17_2_1_1564113444310_8811" class="sqs-search-preview-content"></div></div></div></div></div>

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.