whiet space between haeder and image

Replies: 0

Hi

I wonder if you can help me with a gap I am getting between the bottom of the header banner and the top of the image.
This happens on the woo commerce shop page.
I have got rid of it on a desktop:

.woocommerce.archive .main{ overflow: hidden;
padding: -30px 0px 0px 0px; margin-top: -30px; }
}

And on a mobile phone:

@media only screen and (max-width: 600px){
.woocommerce.archive .main{ overflow: hidden;
padding: -30px 0px 0px 0px; margin-top: -30px; }
}

But if I try a similar code to adjust for a tablet the page is goes blank?