How to remove blank space between header and first section?

Site URL: http://www.found-hired.com

I have unnecessary spacing between the header and the first section of the page across the whole site. I thought it could be something to do with the image on the front page but I get the same result every time. I have also tried to use some coding to remove the space but haven't found anything that works. I'm not even sure what's causing this issue. Any help would be greatly appreciated!

I have attached photos for you to see

47 minutes ago, Jia said:

Hi, add this code to custom css and let me know how it goes 🙂

main .page-section:first-child {
  padding-top: 0px !important;
}

This worked! Thank you so much!

On 3/9/2022 at 5:23 AM, Jia said:

Hi, add this code to custom css and let me know how it goes 🙂

main .page-section:first-child {
  padding-top: 0px !important;
}

I added your code to my site, and it's a step in the right direction, but it isn't quite right.

It hides a portion of my first section's image under the header. Any idea why that would be?

https://addisonpann.com/greenslate

On 12/1/2023 at 3:46 AM, addisonpann said:

I added your code to my site, and it's a step in the right direction, but it isn't quite right.

It hides a portion of my first section's image under the header. Any idea why that would be?

https://addisonpann.com/greenslate

Use this

section[data-section-id="656a24b505e3c8250155f597"] {
    height: 0 !important;
    min-height: unset !important;
}

How do I change the spacing between header and page using code: but for individual pages not across the whole site?

main .page-section:first-child {
  padding-top: 0px !important;
}

On 2/11/2024 at 7:57 AM, prettymoodswings_ said:

How do I change the spacing between header and page using code: but for individual pages not across the whole site?

main .page-section:first-child {
  padding-top: 0px !important;
}

Edit that page > Add a Code Block (anywhere on page) > Use this code

<style>
  article>section:first-child {
  	padding-top: 10px !important;
  }
</style>