Tiny input box – can't click to type

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Tiny input box – can't click to type

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 7 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2176
    Chris Hamlin
    Chris Hamlin
    Participant

    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.

    #2180
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.