Creating a search bar in the header navigation on template 7.0

Trying to put a search bar in the header on template 7.0 is there a css for this

You can add a search bar in Footer, then we will give the code to move it into header.

The code would be very helpful thanks 

Good Morning @tuanphan

I also wanted to instill a search bar into the top header for my page. I have it in the footer, at this time. 

 Site URL:  https://www.timothypaulsmith.com/

Password: Jack010203

On 2/1/2021 at 7:00 AM, Tim923 said:

Good Morning @tuanphan

 

I also wanted to instill a search bar into the top header for my page. I have it in the footer, at this time. 

 Site URL:  https://www.timothypaulsmith.com/

Password: Jack010203

Try this guide. https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71

Hey Tuanphan

No luck with the guide. 

19 hours ago, Tim923 said:

Hey Tuanphan

 

No luck with the guide. 

 

The code doesn't work or what problem?

No his code did not work for my temple or i'm not putting it in right..lol. One or the other. 

On 2/1/2021 at 9:00 PM, Tim923 said:

Good Morning @tuanphan

 

I also wanted to instill a search bar into the top header for my page. I have it in the footer, at this time. 

 Site URL:  https://www.timothypaulsmith.com/

Password: Jack010203

Okay. Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('footer#footer .search-block').insertAfter('[data-nc-container="right"]');
	});
	</script>

Works like a charm..Thank you @tuanphan

Does anyone know if there's a way to put the search bar in my navigation? I have a button in my header so the code is putting the search bar in a funny place. My client wants it to go after The Event in the navigation. 

The site is https://marigold-mushroom-ed2h.squarespace.com/config/

Thanks,

Kimi

On 8/10/2021 at 1:09 AM, kimimischke said:

Does anyone know if there's a way to put the search bar in my navigation? I have a button in my header so the code is putting the search bar in a funny place. My client wants it to go after The Event in the navigation. 

The site is https://marigold-mushroom-ed2h.squarespace.com/config/

Thanks,

Kimi

Hi. You want to add search bar next to search item on Main Navigation?