Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Swift Slider fallback image not centered
New Landing › How can we help? › Atelier › Swift Slider fallback image not centered
- This topic has 14 replies, 3 voices, and was last updated 8 years by Mohammad – SUPPORT.
-
Posted in: Atelier
-
August 5, 2015 at 11:05 pm #201161
I’m using Swift Slider with a video background, which works perfectly, but unfortunately the fallback image (when viewed on mobile) is being left aligned when I would like it to be centered. Not sure if this is a bug or if I need to add some code.
Thanks
August 6, 2015 at 5:13 am #201206Hi,
Please use this custom css code:-#preloader-loading .spinner { margin: auto; height: 300px !important; background-size: 80% auto !important; width:300px; top:10px !important; right:8% !important; }
Thanks
MohammadAugust 6, 2015 at 5:20 am #201207I’m not sure how code modifying the preloader affects the fallback image on Swift Slider, but I added the code to test anyway and all that happened is my preloader was shifted to a different position. I’ve removed that code, but for the sake of troubleshooting this, I have disabled the preloader completely and the issue remains.
August 6, 2015 at 6:47 am #201213Hi,
Please remove last css code and use this new css code:-@media only screen and (max-width: 479px) { #preloader-loading .spinner { height: 300px !important; background-size: 80% auto !important; width:300px !important; top:10px !important; right:8% !important; } }
Now enable preloader and check. Hope it should work.
Thanks
MohammadAugust 6, 2015 at 11:15 am #201324I’ve added the code and enabled the preloader with no change other than the preloader image being shifted on mobile. Again, my issue does not concern anything with the preloader, it has to do with the positioning of the swift-slider fallback image on mobile.
Thanks
August 6, 2015 at 11:28 am #201328Hi,
Please provide me marked screenshot image.
Thanks
MohammadAugust 6, 2015 at 12:15 pm #201345Attached screenshot. The image is just a still shot from the video background and as you can see, instead of being centered, it is left aligned and you can just barely see his shoulder.
Thanks
Attachments:
You must be logged in to view attached files.August 6, 2015 at 12:21 pm #201348Hi,
Its looking perfect to me. Please check my attached screenshot.
Thanks
MohammadAttachments:
You must be logged in to view attached files.August 6, 2015 at 1:08 pm #201367This reply has been marked as private.August 6, 2015 at 1:21 pm #201373Nevermind, I finally got it working.
August 6, 2015 at 6:29 pm #201555Hi,
I am glad that your issue resolved.
Thanks
MohammadFebruary 15, 2016 at 4:12 pm #249278Hi!
I have the same request, I’m using Swift Slider on my home page, but unfortunately the image on mobile is left aligned when I would like it to be centered.
I am not using a video though, just simple pictures slider.
Can I still use the code previously provided, even if it’s not a video?Thanks!
February 15, 2016 at 5:08 pm #249296Hi,
Please provide me specific page url with issue.
Thanks
MohammadFebruary 16, 2016 at 9:29 pm #249734This reply has been marked as private.February 17, 2016 at 3:10 am #249764Hi,
Please use this custom css code:-@media screen and (max-width: 767px) { .swiper-slide.swiper-slide-active{ width:320px !important; } }
Thanks
Mohammad -
Posted in: Atelier
You must be logged in to reply to this topic.