Hi!
How can I set the slider height for smaller screen. At the moment it is around 400px but when viewed from a smartphone I would like it to be say 200px. I cannot figure out how this can be done.
I am using the home slider. I have read somewhere that it was suggested to use the nectar slider but I do not know how I would set this up.
A quick response would be greatly appreciated.
Thanks,
Jon
Hey Jon! Firstly, I apologize for the delay - it's worth noting that every time you post a new comment before I respond your tickets gets unintentionally bumped to the bottom of my queue since on my end tickets are sorted from oldest to newest in terms of last comment posted. Unfortunately the second comment you made reset your position to the end of the list.
The Nectar Slider is indeed the preferred option for responsive, but the Home Slider should still be responsive by default. If you want to alter the size of the slider on mobile views, add this
@media only screen and (max-width : 690px) {
body .orbit-wrapper #featured article, body .orbit-wrapper, body .orbit-wrapper #featured {
height: 200px!important;
}
}
Also, the Nectar Slider works very similarly to the Home Slider so setting it up should be a familiar process. I also have a tutorial on the subject here: http://www.youtube.com/watch?v=FLU9Pxo_RD8
Would be great to get help on this as currently I have bought a responsive theme where the first and main attraction of the site is not responsive.
Hey Jon! Firstly, I apologize for the delay - it's worth noting that every time you post a new comment before I respond your tickets gets unintentionally bumped to the bottom of my queue since on my end tickets are sorted from oldest to newest in terms of last comment posted. Unfortunately the second comment you made reset your position to the end of the list.
The Nectar Slider is indeed the preferred option for responsive, but the Home Slider should still be responsive by default. If you want to alter the size of the slider on mobile views, add this
@media only screen and (max-width : 690px) { body .orbit-wrapper #featured article, body .orbit-wrapper, body .orbit-wrapper #featured { height: 200px!important; } }Also, the Nectar Slider works very similarly to the Home Slider so setting it up should be a familiar process. I also have a tutorial on the subject here: http://www.youtube.com/watch?v=FLU9Pxo_RD8
Cheers!