Ninja Slider / Posts /

Include a second set of images for smaller screens


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  2 years ago   viewed: 2231    

1 Answer


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 {




  2 years ago


Your name*
(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: