How to add space between side and text on mobile

@Garvan Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5a48f1baf9619ae3bb5b23e7 {
    padding-left: 10px;
    padding-right: 10px;
}
}

You’re looking at the site in edit mode. Edit mode doesn’t always reflect what your production site looks like  

Before adding any custom css view the site when not logged in to the editor to confirm that the problem is visible to your site visitors. 

If you still have a display problem try css tweaks such as the one suggested above. 

12 hours ago, tuanphan said:

@Garvan Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5a48f1baf9619ae3bb5b23e7 {
    padding-left: 10px;
    padding-right: 10px;
}
}

 

Thanks! That worked 🙂

Do you know how i can find these div#page- numbers for other blocks on the page, there are others that need that padding,

@Garvan Try https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde?hl=en-GB

thanks!

Not sure if this works as seamlessly as it did for me, but if you go to your site's design/site styles/ increase the padding. that did it for me for all pages within my site.