title: Advanced AJAX Product Filters with Select2 show select box only below
body: <p>I'm not good at javascript or other languages, that's why I ask someone to help. I am using Wordpress Plugin Advanced AJAX Product Filters for WooCommerce to create custom filters for my Woocommerce website. This plugin use jQuery-based script to make select box (<a href="https://github.com/select2/select2" rel="nofollow noreferrer">https://github.com/select2/select2</a>).</p>
  <p><a href="https://i.stack.imgur.com/VLFa5.png" rel="nofollow noreferrer">It's OK</a></p>
  <p><a href="https://i.stack.imgur.com/6NG1T.png" rel="nofollow noreferrer">It's not ok</a></p>
  <p>I understand, that it is because the JS chahging <a href="https://i.stack.imgur.com/szDpz.png" rel="nofollow noreferrer">problem CSS</a>  class from select2-dropdown--above to select2-dropdown--below, that changes position of the block.</p>
  <p>Could you help me to change js code to use only select2-dropdown--below veriant. It would be perfect to use this code in wordpress function.php. Thanks for any help.</p>