Ninja Slider / Posts /

Include a second set of images for smaller screens

0

How can I include a second set of images of different proportions when using a media query for a smaller screen size as the existing images look too narrow on a smaller screen

John N  24 days ago   viewed: 153    

1 Answer

0

If none of the solutions work that you can see by the aspectRatio link in the JavaScript section in the Ninja Slider home page, you can consider the following approach. The aspect ratio is actually implemented by padding-top of the UL element in the slider. So you can force a desired proportion for mobile devices by the following CSS setting:


@media only screen and (max-width:800px) {

    #ninja-slider ul {

        padding-top:60%!important;

    }

}

Milo
  23 days ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: