I would like my visitors to see a full width image when they arrive on my site. This image would not be clipped when resizing responsively and ideally would be parallax (similar to this design: http://www.americanmoldservices.com/)
At this point, I've tried numerous size settings for the slider, for the table row, resizing the image, etc, but I'm still getting a lot of clipping. Currently, the image seen is 1600px x 1063px. I have the Nectar Slider set to flexible height.
Please let me know what I am missing, or if the proportions to the original image need to be adjusted.
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
I cannot find the proper settings on the Nectar Slider to achieve the design I'm looking to achieve.
(Demo) Page in Question:
http://bluecollarendeavors.com/inklings/home/
I would like my visitors to see a full width image when they arrive on my site. This image would not be clipped when resizing responsively and ideally would be parallax (similar to this design: http://www.americanmoldservices.com/)
At this point, I've tried numerous size settings for the slider, for the table row, resizing the image, etc, but I'm still getting a lot of clipping. Currently, the image seen is 1600px x 1063px. I have the Nectar Slider set to flexible height.
Please let me know what I am missing, or if the proportions to the original image need to be adjusted.
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