New Landing › How can we help? › Atelier › Make header image shrink to fit small viewports

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Atelier
  • November 30, 2015 at 5:28 am #232047
    uu
    Member
    Post count: 50

    Hi,

    If you look at my home page on a laptop/desktop, you’ll see a nice picture of a bike with a shopping basket full of fruit.

    But on a small viewport like a phone, instead of sizing to fit, the right and left sides of the image is trimmed off.

    The inclusion of the basket is important to me. Right now, the image is the background of a row. Is there a way for me to do this so that the image will shrink to fit narrow viewports?

    Thanks!

    Cheers,
    Mark

    November 30, 2015 at 7:19 am #232057
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .spb_parallax_asset:not(.spb-column-container){
background-size:100% !important;
}

    Thanks
    Mohammad

    November 30, 2015 at 11:44 am #232102
    uu
    Member
    Post count: 50

    Thanks!

    November 30, 2015 at 1:03 pm #232122
    David Martin – Support
    Moderator
    Post count: 20834

    Thank Mohammad.

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