Hi, I have set up the Nectar slider and it is shrinking responsively on different screen sizes, which means the text is really tiny on mobiles. I see that one of the slides on the Alternative Homepage on the demo (the spaceman slide) is set up differently and the caption is hidden on mobiles, with a button you can click to view the caption.
Please could you let me know how I can use this feature for my slider?
The Home Slider is a completely different slider than the Nectar Slider and they way they handle responsiveness is different.
the text sizes scales down proportional to the rest of the slider to ensure no clipping on the image. The new slider was coded this was based on popular demand as the home slider lost a good deal of the image on mobile. This is also the same method of scaling as other premium sliders like Slider Rev/LayerSlider – if you want to change it you just need to alter these rules in the mobile viewport in the responsive.css stylesheet located in the css folder.
body .swiper-slide .content h2 <br>
body .swiper-slide .content p <br>
body .swiper-slide .button a
Hi, I have set up the Nectar slider and it is shrinking responsively on different screen sizes, which means the text is really tiny on mobiles. I see that one of the slides on the Alternative Homepage on the demo (the spaceman slide) is set up differently and the caption is hidden on mobiles, with a button you can click to view the caption.
Please could you let me know how I can use this feature for my slider?
Thank you very much
Hey Katie,
The Home Slider is a completely different slider than the Nectar Slider and they way they handle responsiveness is different.
the text sizes scales down proportional to the rest of the slider to ensure no clipping on the image. The new slider was coded this was based on popular demand as the home slider lost a good deal of the image on mobile. This is also the same method of scaling as other premium sliders like Slider Rev/LayerSlider – if you want to change it you just need to alter these rules in the mobile viewport in the responsive.css stylesheet located in the css folder.
Cheers