How to add padding on mobile sections

Site URL: https://www.graceventurawrites.com

Does anyone have any suggestions on how to add padding to the top and bottom of ALL sections on a website on MOBILE ONLY? For some reason on the desktop versions the spacing is great. But on mobile the spacing disappears and I don't like how tight all the sections are to one another. Advice will be appreciated!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.Index-page-content {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

Thank you! 

I need help with the same thing @tuanphan

I have am on trial mode and have not published my site yet,  because I want it to be perfect first!

I would like more padding at the top and bottom of every section on mobile view only.

I tried the code above, but it doesn't work.

Can you help?

On 7/5/2021 at 11:51 PM, lifeinpink said:

I need help with the same thing @tuanphan

I have am on trial mode and have not published my site yet,  because I want it to be perfect first!

I would like more padding at the top and bottom of every section on mobile view only.

 

I tried the code above, but it doesn't work.

Can you help?

Hi. If your site is trial, you can setup password & share url.

We can help easier

Hey there. I'm having the same issue with padding. It looks fine on desktop, but is much too large on mobile. I tried playing with the CSS provided above, but nothing's working... I'll attach screenshots ("x" areas are what I'm trying to edit).

5 hours ago, laurenkilbane03 said:

Hey there. I'm having the same issue with padding. It looks fine on desktop, but is much too large on mobile. I tried playing with the CSS provided above, but nothing's working... I'll attach screenshots ("x" areas are what I'm trying to edit).

 

What is your site url? We can check easier

I'm having the same original issue. I would love to adding spacing between all my sections on mobile, but the code suggested is not working for me. I've tried this code:

@media screen and (max-width:767px) {
.Index-page-content {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

My site is unpublished still. Thanks!

5 hours ago, SadieStGermain said:

I'm having the same original issue. I would love to adding spacing between all my sections on mobile, but the code suggested is not working for me. I've tried this code:

@media screen and (max-width:767px) {
.Index-page-content {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

My site is unpublished still. Thanks!

You can setup password & share url