Control "content section padding" independently on mobile

In the attached image you can see that there is a quite a big gap at the top of all the pages on mobile, it is controlled by a slider called "content section padding". I want to be able to control that on mobile independently from the desktop version because the current setting is perfect on desktop.

Thank you!

2 hours ago, johne said:

In the attached image you can see that there is a quite a big gap at the top of all the pages on mobile, it is controlled by a slider called "content section padding". I want to be able to control that on mobile independently from the desktop version because the current setting is perfect on desktop.

Thank you!

Can you share your site with the protected password so we can take a look?

7 hours ago, Beyondspace said:

Can you share your site with the protected password so we can take a look?

I’m sorry here it is: https://everittarchitecture.com/the-milwaukee-river-line

16 hours ago, johne said:

I’m sorry here it is: https://everittarchitecture.com/the-milwaukee-river-line

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #collection-6279d756bcad194c35f5278c .Main-content {
    padding-top: 0;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

My testing

17 hours ago, Beyondspace said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #collection-6279d756bcad194c35f5278c .Main-content {
    padding-top: 0;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

Thank you! Is there a way to apply this to all pages and not a specific collection?

Remove the page Id on my code and it will apply all pages

@media only screen and (max-width: 767px) {
  .Main-content {
    padding-top: 0;
  }
}