New Landing How can we help? Atelier Swift Slider fallback image not centered

Viewing 15 posts - 1 through 15 (of 15 total)
  • Posted in: Atelier
  • #201161
    eternalbeta
    Member
    Post count: 76

    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

    #201206
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #201207
    eternalbeta
    Member
    Post count: 76

    I’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.

    #201213
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #201324
    eternalbeta
    Member
    Post count: 76

    I’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

    #201328
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me marked screenshot image.
    Thanks
    Mohammad

    #201345
    eternalbeta
    Member
    Post count: 76

    Attached 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.
    #201348
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Its looking perfect to me. Please check my attached screenshot.
    Thanks
    Mohammad

    Attachments:
    You must be logged in to view attached files.
    #201367
    eternalbeta
    Member
    Post count: 76
    This reply has been marked as private.
    #201373
    eternalbeta
    Member
    Post count: 76

    Nevermind, I finally got it working.

    #201555
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I am glad that your issue resolved.
    Thanks
    Mohammad

    #249278
    urbaba
    Member
    Post count: 24

    Hi!
    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!

    #249296
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issue.
    Thanks
    Mohammad

    #249734
    urbaba
    Member
    Post count: 24
    This reply has been marked as private.
    #249764
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    @media screen and (max-width: 767px) {
    .swiper-slide.swiper-slide-active{
    width:320px !important;
    }
    }

    Thanks
    Mohammad

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.