title: div getting huge (height) only on mobile
body: <p>I'm using flexislider, which is responsive, and its working fine in most resolutions. In mobile phones, the height is huge and need to scroll a big amount of white space, the slides are not autoadjusting. In a desktop, with a small browser size it works fine too. 
  Does anyone know a way to "debug" in mobile? I'm driving crazy with try and error.
  site is revistarteva.com.ar</p>
  
  <p>I tried using a media query, putting   </p>
  
  <p><code>overflow:auto</code></p>
  
  <p>in some of the classes or elements (like slide or li) but it doesn't work.</p>
  
  <hr>
  
  <h2>Edit 1</h2>
  
  <p>Thanks a lot for comments, I added the chrome tool in my PC... aparently there is a </p>
  
  <pre><code>&lt;div class="mobileFix"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>that is creating that space.
  Is there a way to disable it? or should I try a jquery (if its possible even)?</p>
  
  <h2>Edit 2</h2>
  
  <p>I added (in <a href="http://www.revistaarteva.com.ar/index2.aspx" rel="nofollow">http://www.revistaarteva.com.ar/index2.aspx</a>) 
  The CSS</p>
  
  <pre><code>ContentPlaceHolder1_sliderName.slides {
              overflow: auto;
              max-height: 900px;
          }
  </code></pre>
  
  <p>and the jquery</p>
  
  <pre><code>$('.mobileFix').hide();
  </code></pre>
  
  <p>But ContentPlaceHolder1_sliderName.slides shows to have height:3865px ... so there must be a jquery changed that....maybe in Flexislider?</p>
  
  <p>Any idea?</p>
  
  <p>Thanks!</p>