Hi!
I noticed you have 3 instances of the same search shortcode on that page each of these have a different settings box as well. Each of the search boxes is placed on a separate slide of the home page slider. However the settings boxes are in a hovering position, removed from the slider to the document body to maintain compatibility in case any container element is set to a relative position.
Whenever the slider switches a slide (once every ~10 seconds) the current search instance disappears and of course the script cannot find it so it resets to the default position (top left corner).
The only solution I can think of is to bind an event to the layer slider slide change to close the settings when the slide is changed, so I have added the following event callback on slider settings: https://i.imgur.com/bJ3PnX0.png
Optional: if you want to stop the slider animation if the settings is hovered, you can put this to your active themes footer.php file just before the closing body tag:
<script>
$('.searchsettings').mouseover(function(){
lsjQuery("#layerslider_1_1").layerSlider('stop');
lsjQuery("#layerslider_1_1").layerSlider('start');
});
<script>
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
