Search icon opens into full screen

Site URL: https://keyboard-jaguar-k52z.squarespace.com/

Hi there,

Hi. This is complex. 

Follow these steps

1. Add a section under footer >> Add Search Block

2. Next, let me know. We will test some code

On 5/3/2021 at 3:01 AM, tuanphan said:

Hi. This is complex. 

Follow these steps

1. Add a section under footer >> Add Search Block

2. Next, let me know. We will test some code

 

Hi @tuanphan , I added the search icon to the header and I would only need that when clicking on it the search page opens on the same page instead of opening a new one (hope it makes sense? 😅).

Is there a way to achieve this somehow?

Thanks!

On 5/11/2021 at 6:57 PM, MaggieBovary said:

Hi @tuanphan , I added the search icon to the header and I would only need that when clicking on it the search page opens on the same page instead of opening a new one (hope it makes sense? 😅).

Is there a way to achieve this somehow?

Thanks!

Try adding this to LAST LINE in Settings > Advanced > Code Injection > Footer

<script>
$(document).ready(function() {
	$('.header-actions-action [href*="search"]').attr('target','_self');
});
</script>

Hi @tuanphan, it works but I think there's a small bug. If I click on other areas of a page - e.g. a bit below the header - it brings me to the search page. It seems that the search link is a bit all over the page?