New Landing How can we help? Atelier Links on Swift Slider is not working

Viewing 12 posts - 1 through 12 (of 12 total)
  • Posted in: Atelier
  • #261537
    KMAmexico
    Member
    Post count: 96

    ¡Hello there!

    So, the links on the swift slider doesn’t seem to work. You can see it in http://www.kmamexico.com the intro slider, there are several of those links who has a link don’t send to the link when click. I’ll send you the configuration. Why is this for? How can we solve it?

    Attachments:
    You must be logged in to view attached files.
    #261696
    David Martin – Support
    Moderator
    Post count: 20834

    Please test adding this CSS:

    .swiper-slide .ss-slide-link {
        z-index: 10;
    }

    Thanks.

    #261817
    KMAmexico
    Member
    Post count: 96

    Thanks it worked great! But I have an other doubt with the slider: I realized that the images don’t resize proportionally in cellphones (first two screen shoots), like video does (last two screen shoots). The images just don’t look well, they show to big for the screen. How could I solve this? Perhaps changing size of images, but again it doesn’t resize proportionally in phones…what can I do?

    Attachments:
    You must be logged in to view attached files.
    #262267
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    The images are proportional to the (set height if applicable) but the height is relative to the width of the viewport.

    Rather than having your text as part of the image, I’d recommend use actual text content or create a new image for the text overlay and add that into the slider content.

    Thanks.

    #263295
    KMAmexico
    Member
    Post count: 96

    And I suppose there’s nothing I can’t do to change that? Because the problem is not even the text in image, is all the image, it cuts the product when displayed in cellphones. But this is only in the image slides, because the video slides, it adjusts the width to the device and it looks very good.

    Is there something to do? whats your opinion?

    #263557
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Please test this:

    @media (min-width: 768px) {
    .swiper-slide {
        background-size: 100%;
    }
    }

    Have you set a max height for the video?

    Thanks.

    #263685
    KMAmexico
    Member
    Post count: 96

    Hey David! So I tried the code but…still the slide is a mess in phones. Look here are some screenshots: the video doesn’t charge, the images are supper cutted off in the sides, the center of the image is the only thing that shows. Messy, any advice on this?

    Attachments:
    You must be logged in to view attached files.
    #264037
    David Martin – Support
    Moderator
    Post count: 20834

    This is not possible as the width and height are relative to each other, forcing one will result in a distorted image:

    Ex:

    .swiper-slide {
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    Thanks.

    #264141
    KMAmexico
    Member
    Post count: 96

    Well it doesn’t look very proportional in phones! in laptops yes, it is all very much proportional. The ideal is that the image resize to the screen in phones too! The slide has problems to become successfully responsive in phones. What do you recommend?

    #264148
    David Martin – Support
    Moderator
    Post count: 20834

    Have you set a specific height for the slider? Have you tested without?

    Thanks.

    #264641
    KMAmexico
    Member
    Post count: 96

    I have no specific height that I know of, I don’t know where set that. Who could I test it without?

    #265172
    David Martin – Support
    Moderator
    Post count: 20834

    Please test this:

    @media only screen and (max-width: 767px) {
    .swift-slider-outer,
    .swift-slider,
    .swiper-wrapper {
        height: auto!important;
    }
    .swiper-slide {
     height: 300px!important;
    }
    }

    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register