Tiny input box – can't click to type

[Chris Hamlin]

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 Marcinko]

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.

[Author]

Posts