Large gap between head and body

Hi,

I have a rather large gap in between the head and body on my website (after the line underneath the logo) . I’ve attached a couple of screenshots to show what I mean. Is there any way of reducing this gap as it stands out too much at the moment. The URL is http://whereyourebetween.com/. Any help or suggestions would be greatly appreciated.

Many thanks,
James.

Hello there,

I hope you are doing well today.

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


.main-content-area {
    margin-top: 0px !important;
}


Best Regards,
Support

That’s perfect. Thank you so much for your help.

Many thanks
James.

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support