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
Hey! Thanks for your answer. However, I don't think it worked or maybe I misunderstood.
The original images in the slider are 1200 × 1200px. Once scaled, the height of the images is 1600px, making the height of the slider huge (I would like it to be around 650px on a 1920px width screen)! Do I need to recrop my images in the right ratio (more of a horizontal rectangle instead of a square)?
Hello,
My ticket concerns a nectar slider that I have placed in my site. I have two problems:
1. On small laptop or tablet, the slider height is smaller than the text box at its left. How can I make them the same height?
2. On small laptop, tablet or mobile, the text inside the slider overflows. I would like the slider to show all the text.
I have put a screen shot of the concerned slider in attachment.
Thank ou
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
Hey! Thanks for your answer. However, I don't think it worked or maybe I misunderstood.
The original images in the slider are 1200 × 1200px. Once scaled, the height of the images is 1600px, making the height of the slider huge (I would like it to be around 650px on a 1920px width screen)! Do I need to recrop my images in the right ratio (more of a horizontal rectangle instead of a square)?
Thank you
Hey Again,
Yes you need to use a 4:3 aspect ratio image and then size it accordingly .
Best.
ThemeNectar Support Team