Please try using the Flexible Slider Height option in Nectar Slider.
Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 1600px width - this will ensure the scaling is perfect with no clipping. To find the correct height for your images use this: http://andrew.hedges.name/experiments/aspect_ratio/ . The default width for images is 1600px so for example a image that is 1904 x 738px would be converted to 1600 x 620px if scaled down. Therefore slider height would be set to 620 px .
The flexible slider height option makes the Nectar Slider respond perfectly to ensure there\'s no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
Thanks
Hi there,
I'm contacting you because the height of the nectar slider is waaay too important on mobiles display.
I would like to set a custom max-height on my Nectar Slider while it's displayed on mobile.
Here's my shortcode :
[nectar_slider location="Home" flexible_slider_height="true" full_width="true" arrow_navigation="true" overall_style="classic" bullet_navigation="true" desktop_swipe="true" loop="true" slider_transition="slide" button_sizing="regular" autorotate="5000" min_slider_height="300" slider_height="700"]
Could you give me a clue on how to achieve that? (For example, the css classes to target).
Thanks a lot,
Pierre
Hey!
Please try using the Flexible Slider Height option in Nectar Slider.
Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 1600px width - this will ensure the scaling is perfect with no clipping. To find the correct height for your images use this: http://andrew.hedges.name/experiments/aspect_ratio/ . The default width for images is 1600px so for example a image that is 1904 x 738px would be converted to 1600 x 620px if scaled down. Therefore slider height would be set to 620 px .
The flexible slider height option makes the Nectar Slider respond perfectly to ensure there\'s no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
Thanks
ThemeNectar Support Team
Hi,
Thanks for the tip.
I tried it. It\'s okay on computer device but not on iphone. The slider\'s height remains too important (around 500px).
Hey Againm,
Set the Minimum height of slider and use Wider Ratio Image .
Best .
ThemeNectar Support Team
Thanks Tahir,
I removed the slider variable height option and it worked!