New Landing › How can we help? › Atelier › Image Banner Element Padding on Mobile

Viewing 5 posts - 1 through 5 (of 5 total)
  • Back to forum
    Posted in: Atelier
  • August 10, 2016 at 2:18 am #286703
    willjepson
    Member
    Post count: 11

    Hello,

    Is there a way to add 30px of padding to the bottom of each Image Banner Element on Mobile?

    Attachments:
    You must be logged in to view attached files.
    August 10, 2016 at 5:10 am #286713
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    @media screen and (max-width: 479px) {
.sf-image-banner {
    margin-bottom: 30px !important;
}
}

    Thanks
    Mohammad

    August 10, 2016 at 5:33 am #286716
    willjepson
    Member
    Post count: 11

    You’re amazing Mohammad. Works perfectly. Thank you.

    What is the css for a tablet/ipad?

    August 10, 2016 at 5:36 am #286717
    willjepson
    Member
    Post count: 11

    I got it.

    @media screen and (max-width: 768px) {
    ..sf-image-banner {
    margin-bottom: 30px !important;
    }
    }

    Thank you again Mohammad for all your support. You are the best!

    August 10, 2016 at 6:27 am #286720
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Glad to help you.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Atelier
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.