Grow your CSS skills. Land your dream job.

Slider Plug-in Slight Modification Help

  • # June 25, 2013 at 9:59 pm

    I’m using a slider plug-in called SlideJs and its working really well so far. I just have one small problem with it. When you re-size the browser window, The panels height changes. This was purposely done by the developers for responsiveness but i dont want that. Its as if they were only meant to slide images. How do i disable the vertical re-size but keep the width for responsiveness? Heres the site. http://reallycoolstuff.net/PROJECTS/official/ Resize the browser window and see how the panels shrink vertically. I even tried min-height and nothing :P

    # June 26, 2013 at 12:28 am

    i looked at it and this seems to fix it, you have to apply min-height to both container as well as control.

    .slidesjs-container {
    min-height: 720px;
    }

    .slidesjs-control {
    min-height: 720px;
    }

    # June 26, 2013 at 7:34 am

    @mready2play Thanks, works great.

    # June 26, 2013 at 10:02 am

    I now have another problem with the same plug-in. If you first visit the website, then re-size the browser and click on one of the header tabs, then go back by clicking the blue arrow and try sliding the divs by pressing the buttons, you can see that the divs now slide out of sync and sort of skip the animation a bit and dont move at the right position. Any idea how i can fix this? maybe using initialize() to re-load the slider?

    # June 27, 2013 at 1:31 am

    sry i don’t know anything about it :(

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".