Tiny input box – can't click to type

[Chris HamlinParticipant]

We are trying to use the search shortcode on a LayerSlider.

The issue is that the input box is tiny and not the full width of the search box. If you resize the window, this changes.

[Ernest MarcinkoKeymaster]

Hi!

It’s because layer slider loads responsively and the window resize event is not fired afterwards. This is a javascript loophole, but you can try to add the following script to your site header or footer, it should “mimic” the window resize event:

<script>
jQuery(document).ready(function($){
   var scope = $;
   if (typeof aspjQuery != 'undefined')
       scope = aspjQuery;
   setTimeout(function(){
       scope(window).resize();
   }, 3000);
});
</script>

This code will basically wait 3 seconds, then execute a fake window init event, which should restore the search box input width in the layer slider.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts