How do I remove space between header and categories on mobile?

My main page on my site has a big gap between the header and categories.

All other CSS I've used so far has either reduced the space within the header or done nothing.

Any help would be greatly appreciated.

Can you share your website URL?

Sorry Ziggy, it asked me before but hasnt shown it on the post.

www.vennhealthcare.shop

14 minutes ago, jamesvenn said:

Sorry Ziggy, it asked me before but hasnt shown it on the post.

Not your fault, it's not clear.

First thing is that you have a blank section above the store items, you can remove that, then we can reduce the top padding a little further.

Ah! How had I not spotted I'd left that in?

I've removed that now. Any way to reduce the gap further?

Add to Design > Custom CSS

body.homepage article section {
    padding-top: 40px !important;
}
section.products.collection-content-wrapper.products-list {
    padding-top: 0px !important;
}