Am I doing something wrong or is the responsive image gallery really not responsive? No matter what I do it looks awful on mobile and doesn't scale. On mobile the arrows go away and the height doesn't really adjust. Shouldn't it scale with the screen so you can still see the whole image and use the arrows?
When you move the browser to the size of a mobile phone on screen what you see what you see on mobile but I've attached a few images trying to capture it. It's just too tall to get in one shot. The thing is even when I select for the slider height to be adjust able it never does. In the browser and mobile what happens is the height doesn't change it just crops the image horizontally and when you get thin enough the arrows disappear. Wouldn't it make sense for the height to adjust corresponding to the width so you can see the whole image and still see the arrows? You know, be truly responsive? The basic slider responds a bit better in this fact and once you get to mobile you can see the full image and the height has actually adjusted. I would just prefer not to use that one because I'm not fond of the black bars that are created on the top and bottom as well as the tiny arrows it uses. Is this just how the Nectar slider is?
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 for eg 1600px wide - this will ensure the scaling is perfect with no clipping.
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.
Hello!
Am I doing something wrong or is the responsive image gallery really not responsive? No matter what I do it looks awful on mobile and doesn't scale. On mobile the arrows go away and the height doesn't really adjust. Shouldn't it scale with the screen so you can still see the whole image and use the arrows?
Thank you in advance for your help :)
Hey Kevin!
It does seem to scale alright when i reduce the browser size. Can you please send us a screenshot of how its looking on mobile.
Thanks
ThemeNectar Support Team
When you move the browser to the size of a mobile phone on screen what you see what you see on mobile but I've attached a few images trying to capture it. It's just too tall to get in one shot. The thing is even when I select for the slider height to be adjust able it never does. In the browser and mobile what happens is the height doesn't change it just crops the image horizontally and when you get thin enough the arrows disappear. Wouldn't it make sense for the height to adjust corresponding to the width so you can see the whole image and still see the arrows? You know, be truly responsive? The basic slider responds a bit better in this fact and once you get to mobile you can see the full image and the height has actually adjusted. I would just prefer not to use that one because I'm not fond of the black bars that are created on the top and bottom as well as the tiny arrows it uses. Is this just how the Nectar slider is?
Thanks
Hey Again!
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 for eg 1600px wide - this will ensure the scaling is perfect with no clipping.
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 Kevin! Turns out the issue was simply that you had a capital X in the field which broke the parsing - I fixed that for you :)