Blank space above and below the header image/Full width of header image

Hi,
Can you help with the two issues I have

a) There is a lot of blank space below and above the header image when viewed from mobile/ipad. How do I remove the blank spaces?

b)How do I get a full width header image. Currently the image size is 1890*1000 pixels.

My site is https://everyonedoesprojects.com

Hello,

I hope you are doing well today.

  1. You can use the following CSS code to reduce the padding by going to Appearance > Customize > Additional CSS and pasting it there.

@media only screen and (max-width: 900px) {
section {
    padding: 0px 0;
}
}

  1. You need to use an image that is wide enough to span the width of the site.

Best Regards,
Support