Ninja Slider / Posts /

Make the slider take the entire browser size

Hello Admin,

How can i make the slider take the entire browser size?
Akshar  10 years ago   viewed: 9658    

6 Answers

Yes you can.
Just remove the "max-width:960px;" setting from your ninja-slider.css file.
Milo   10 years ago
Hello Admin,
Thanks for your reply, that solved my issue partially.
Now the slides are taking the entire browser width , how do i also make them take the entire browser height?
Akshar   10 years ago
You can add the following style:
html, body, #ninja-slider {height:100%;}
Milo   10 years ago

#ninja-slider ul {height: 100%!important;}

This does the magic trick but i also added these to all the elements (wrapper, ul, li..) :

width:100%; height:100%; position: absolute; top: 0; left: 0;

s-m   8 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: