Responsiveness

[dlzi]

Hi,

I noticed from the examples that the slider is not responsive. Any plans to make it responsive?

[mamod]

Well, ayaSlider doesn't force any styling so your slider will be responsive if you wanted it to be, I just updated the example here with a responsive design, I didn't do much except adding a media query for smaller devices, here's what I had to do

@media only screen and (min-width: 600px) {
    #slideShow {
        height:350px;
    }

    #slideShow img {
        height:350px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
    #slideShow {
        height:150px;
    }

    #slideShow img {
        height:150px;
    }

    .content {
        padding:5px;
        margin:10px;
        font-size:10px;
    }

    .s2 .content {
        font-size:10px;
    }

    .s3 .content, .s1 .content {
        width:150%;
        height: 20px;
        font-size:10px;
    }

    #slideShow .title {
        display: none;
    }
}

Hope this solves your inquiry

[dlzi]

Thanks for your updates.

I'll give a try.