Make less space between product images and header menu

Hi,

I would like less space on all my product pages, between the products and the header menu, as I would like the products to be more visible to the customer, when clicking into the shop, categories etc. Right now, when clicking into the products, they show up very low positioned on the page.
As you can see, the front page includes the 3 promo boxes. I have successfully removed the promo boxes on all other pages using Custom CSS, but the actual spacing remains. Can you help me lessen this space (on all other sites than front page), or could it help to remove the navigational bar (just above the products), in order to move the products further up on the page?

I hope you can help.

Hi,

Please share your site URL here.

Regards,
Awan

Hi,

Thank you for the URL and here is the CSS code to reduce the space between header and content:

.site-header {
    padding-bottom: 0;
}
.site-content {
    margin-top: 0;
}

Regards,
Awan