January 6th, 2014, 09:22 AM
Div heigh issue in mobiles (responsive flexislider)
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
I tried using a media query, putting
in some of the classes or elements (like slide or li) but it doesn't work.
Any idea or debug tool recommended?
January 7th, 2014, 07:17 AM
based on some replies, using chrome remote debuggin (excelent tool) I found that aparently there is a
<div class="mobileFix"></div> that is creating that space.
I added the class to hid it, and now the ContentPlaceHolder1_sliderName.slides has the fixed size of 3856px...
I added (in http://www.revistaarteva.com.ar/index2.aspx) The CSS
and the jquery
But ContentPlaceHolder1_sliderName.slides shows to have height:3865px ... so there must be a jquery changed that....maybe in Flexislider?