create padding on mobile version with code

Site URL: https://caper-badger-3s6d.squarespace.com/about

Password: home

I wish to create padding on mobile version with code, if I use a spacer from Squarespace it disappears on mobile version. Can someone help me sort this out?

I wish to create padding over the line (under quote block). Can anyone help me?

You can use Spacer Block, then add this code to Page Header  to make spacer not disappear on mobile

<style>
  @media screen and (max-width:767px) {
    .spacer-block {display: block !important;}
  }
</style>

@tuanphan Thank you for replying! But now the space got too big everywhere on mobile. I just want space above the line over newsletter block on mobile version, not everywhere on my page. Is this possible?

20 hours ago, SolveigTraeet said:

@tuanphan Thank you for replying! But now the space got too big everywhere on mobile. I just want space above the line over newsletter block on mobile version, not everywhere on my page. Is this possible?

You can replace .space-block with  spacer-block-id.

Use  this tool to find id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

@tuanphan Thank you!