Removing padding between header and first section on MOBILE

On the mobile view of my site's products page there is a thousand miles of blank space between the header and the first section! also between that first section and the products. I want to reduce the padding on those two spots.

I added the code below and it helped a bit but still there is so much blank space!

#page section .content-wrapper {
  padding-top:0px !important;
}

.products.collection-content-wrapper {
  padding-top: 0vw;
}

What can I do?

@HollyRose1111 Can you share your site URL for context? 

hi ! its getbentneon.ca !

On 7/7/2024 at 12:08 PM, HollyRose1111 said:

hi ! its getbentneon.ca !

Do you still need help?

On 7/12/2024 at 3:49 AM, tuanphan said:

Do you still need help?

Hi no I don't , you helped me by email!! thank you!