Responsive

  • Resolved waahah

    (@waahah)


    9 years, 12 months ago

    I’m having difficulty to make the slider responsive. I’ve got the slider image to resize itself by adding
    .top-slider .content img {
    max-width: 100%;
    }

    However, when I resize the browser, there is a gray screen underneath the image. I tried to add height:100% but it does not work. Please let me know how i can fix this

    Website is cornutaurus.com

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    I have added some css code to get it responsive. The slider head is not fixed any more so some text will disappear. I think this can be solved also but I did not tried yet.

    /* Scaling slider */
    .slick-slide { float: left; height: auto; min-height: 1px; display: none; }

    .top-slider .content img {
    max-width: 100%;
    height: auto;
    }

    If somebody got a idea I would like to know.

    Peter

    Hi #pzuiderent and waahah!

    Did you resolve it? Im trying to do this, but I cant find the solution. :S
    ….

    Yes! IT WORKS!! Thank you, thank you, thank yoouuu!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive’ is closed to new replies.