#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2014
    Posts
    5
    Rep Power
    0

    Question 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
    Code:
    overflow:auto
    in some of the classes or elements (like slide or li) but it doesn't work.

    Any idea or debug tool recommended?

    Thanks!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2014
    Posts
    5
    Rep Power
    0
    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
    Code:
    ContentPlaceHolder1_sliderName.slides {
                overflow: auto;
                max-height: 900px;
            }
    and the jquery
    Code:
    $('.mobileFix').hide();
    But ContentPlaceHolder1_sliderName.slides shows to have height:3865px ... so there must be a jquery changed that....maybe in Flexislider?

    Any idea?
    Thanks!

IMN logo majestic logo threadwatch logo seochat tools logo