Increase left and right padding for a single block on mobile only

Site URL: https://pentagon-snail.squarespace.com

I've almost worked out how to do this but I must have something missing... simply want to increase the left and right padding here so that the images and line lengths shrink down. TIA.

Site page: Work with me
Site password: kerri2021

On 12/5/2021 at 8:59 PM, hannahpellatt said:

Site URL: https://pentagon-snail.squarespace.com

I've almost worked out how to do this but I must have something missing... simply want to increase the left and right padding here so that the images and line lengths shrink down. TIA.

Site page: Work with me
Site password: kerri2021

Is it the result you want to achieve?

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
	section[data-section-id="619a43614651a2655ac784be"] .content-wrapper {
		--padvalue: 40px;
		margin-left: var(--padvalue) !important;
		margin-right: var(--padvalue) !important;
	}
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too