Hi! How I can use ghostHunter on desktop and mobile? I configured this just like the example (GitHub - jamwise/ghostHunter: A Ghost blog search engine) but without success :( I can get results only on desktop. Does anyone have a working example? I have the latest version ghost.
Form on desktop:
<form class="form-search" action="#" method="get">
<input
type="text"
class="form-input search-field-desktop"
autocomplete="off"
/>
<button class="btn btn-search custom-btn" type="submit">
<img src="{{asset 'images/search.svg'}}" />
</button>
</form>
Form on mobile menu:
<form class="form-search" action="#" method="get">
<input
type="text"
class="form-input form-input-mobile search-field-mobile"
autocomplete="off"
/>
<button class="btn btn-search custom-btn" type="submit">
<img src="{{asset 'images/search.svg'}}" />
</button>
</form>
And in default.hbs I added hidden input, section results and script:
<input type="search" class="search-field" hidden="true">
<section id="results" class="results">
<script>
$('.search-field').ghostHunter({
results: '#results',
onKeyUp: true
});
$('.search-field-mobile, .search-field-desktop').on('keyup', function(event) {
$('.search-field').prop('value', event.target.value);
$('.search-field').trigger('keyup');
});
</script>