Ninja Slider / Posts /

Make the slider take the entire browser size

4
Hello Admin,

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

6 Answers

3

This is the demo: http://www.menucool.com/slider/slider-that-adapts-to-window-height

Milo   4 years ago
1
Here is a good demo: http://menucool.com/5818/Make-the-slider-a-fixed-background-element-so-page-content-just-scrolls-on-top-of-it
Jonny   10 years ago
0
Yes you can.
Just remove the "max-width:960px;" setting from your ninja-slider.css file.
Milo   10 years ago
0
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
0
You can add the following style:
html, body, #ninja-slider {height:100%;}
Milo   10 years ago
0

#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*
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:
▲