How do I Add a small space between header and section?

[jonnyjones001]

Desktop has created the space, but on mobile the images of top section are too close to the header. How can i ensure all pages have a gap?

mygreenroutine.earth

[HazilStudiosNYC]

In your CSS settings, add:

@media screen and (max-width: 768px) {
section {
padding: 8px;
}

.shopify-section-group-main-header-group {
padding: unset;
}
}

It adds 8px of space to all sides of your sections (except for the header)

[topnewyork]

Hi @jonnyjones001 ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[jonnyjones001]

Hi,

This worked!

How do I make this uniform across every page on my store, not just the home
page?