The Nectar Slider is not displaying correctly on the mobile iPhone in the vertical position. It shows the image, but crops it severely. See screen capture.
This does NOT seem to be working the way I was hoping.
In the iPhone in the vertical position I was expecting to see the entire slider image - but with the code you provided it does not scale the photo down (responsive) it just aligns the photo to hug the top right. The photo is still cropped NOT showing the entire image.
I am afraid the css background cover property does not work like that. If you reduce the image width in horizontal view hypothetically while keeping proportions there would be gaps .
If you really need more control over the slider i would suggest using Premium Slider such as Revolution or LayerSlider
The Nectar Slider is not displaying correctly on the mobile iPhone in the vertical position. It shows the image, but crops it severely. See screen capture.
Also see screen capture of my settings.
Screen captures include:
Verticle iPhone image
Horizontal iPhone image
My Nectar settings.
Hey Paul!
Add this into the Custom CSS box located in your Salient Options panel Or on the Visual Composer Css button so the css shows on that page only:
.swiper-slide[data-bg-alignment="top"] { background-position: right top !important; }
Cheers
ThemeNectar Support Team
Hey Tahir
This does NOT seem to be working the way I was hoping.
In the iPhone in the vertical position I was expecting to see the entire slider image - but with the code you provided it does not scale the photo down (responsive) it just aligns the photo to hug the top right. The photo is still cropped NOT showing the entire image.
Go to: www.ng-sandbox.com/texstyles and see what I'm saying.
Looks right on desktop, looks correct on iPhone horizontal view.
BUT if you view on iPhone in the horizontal view - it just crops image - shouldn't it make the photo responsive?
Showing the entire image - just smaller??
Please let me know.
Thanks in advance!
Hey Paul!
I am afraid the css background cover property does not work like that. If you reduce the image width in horizontal view hypothetically while keeping proportions there would be gaps .
If you really need more control over the slider i would suggest using Premium Slider such as Revolution or LayerSlider
Thanks
ThemeNectar Support Team