My slider image loads very large on both ipad and iphone. Everywhere else the image size looks good. When it loads on ios (Chrome or otherwise), the image is so large that it appears to only load a black screen . . . until you scroll down and realize you\\\'re just looking at a very large image.
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 had tried using the flexible slider with the appropriate height previously without any luck. I tried again just now (screenshot attached). It is still blowing up the image on ios devices.
Great - that worked! I had tried various combinations, but I guess I never got everything aligned at the same time.
I can start another thread if you'd like, but I can't seem to get my slider buttons to work for the single page animation on ios. They work fine on a pc and android. Thoughts?
My slider image loads very large on both ipad and iphone. Everywhere else the image size looks good. When it loads on ios (Chrome or otherwise), the image is so large that it appears to only load a black screen . . . until you scroll down and realize you\\\'re just looking at a very large image.
Please help! Thanks.
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
I had tried using the flexible slider with the appropriate height previously without any luck. I tried again just now (screenshot attached). It is still blowing up the image on ios devices.
Did I mess up a setting somewhere else?
Hey Again!
Please try turning off the Fullscreen option and switch the row type to "In Container" .
Thanks
ThemeNectar Support Team
Great - that worked! I had tried various combinations, but I guess I never got everything aligned at the same time.
I can start another thread if you'd like, but I can't seem to get my slider buttons to work for the single page animation on ios. They work fine on a pc and android. Thoughts?
Hey Again!
The ios is a known issue and will be sorted in the upcoming update.
Thanks
ThemeNectar Support Team