New Landing › How can we help? › Atelier › equal height image banners

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • March 31, 2016 at 12:42 pm #258985
    Katja
    Member
    Post count: 53

    Hi!

    We wanted equal height image banners to our site and you gave us this css to put with custom css:

    .equal-height .sf-image-banner img {
    height: 450px;
    object-fit: cover;
    width: 100%;}

    Seems like the object-fit is not supported by IE, so images stretch with Windows phones. Is there any other way to have the same results?

    Thanks!

    March 31, 2016 at 12:53 pm #258988
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Unfortunately not sorry

    – Kyle

    April 1, 2016 at 7:21 am #259120
    Katja
    Member
    Post count: 53

    Im just curious how you made equal height images work with your demo sites?
    http://swiftideas.com/convoy-demo/

    For example here:

    Attachments:
    You must be logged in to view attached files.
    April 1, 2016 at 7:35 am #259133
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    We cropped the images in photoshop so that they would fit together perfectly

    – Kyle

    April 1, 2016 at 2:31 pm #259241
    Katja
    Member
    Post count: 53

    Ok! Thanks for your answer! 🙂

    April 1, 2016 at 2:32 pm #259243
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 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