New Landing › How can we help? › Atelier › SPB section padding on desktop / mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Back to forum
    Posted in: Atelier
  • April 8, 2017 at 11:46 am #320143
    OllieOdy86
    Member
    Post count: 18

    I’ve created some SPB sections on my website & they look great on desktop – see attached picture.

    However on mobile there is no padding between the different sections (see attached). I’ve tried manually adding a spacer at the bottom of each – would CSS be better?

    If so, how would I go about adding padding at the bottom of each SPB section on mobile only?

    Many thanks,

    Attachments:
    You must be logged in to view attached files.
    April 9, 2017 at 11:12 am #320194
    admin_cz
    Member
    Post count: 55

    The same for me.

    April 10, 2017 at 9:45 am #320246
    OllieOdy86
    Member
    Post count: 18

    Figured it out & marked as resolved.

    Duplicated the SBP section & then used ‘blank spacings’ in conjunction with the ‘hidden on mobile’ & ‘hidden on desktop & tablet’ to get desired result.

    April 10, 2017 at 9:58 am #320249
    admin_cz
    Member
    Post count: 55
    This reply has been marked as private.
    April 10, 2017 at 12:05 pm #320308
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Basically, you can set 2 rows of content and inside the row settings you define that the row is visible in Tabled and desktop and in the other row you say that is only visible in the mobile phone.

    https://www.dropbox.com/s/gkyleoezrvirfrm/Screenshot%202017-04-10%2012.07.14.png?dl=0

    -Rui

    April 10, 2017 at 12:21 pm #320314
    admin_cz
    Member
    Post count: 55

    Oh, I got it. Thank You. Solved!

    April 10, 2017 at 1:14 pm #320329
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Glad it’s sorted.

    -Rui

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

You must be logged in to reply to this topic.