Remove gap / white space between header area and first widget

Hello,

website: www.your-cricket-bat.com

I need to remove the gap between the header and first widget

I have attached a photo to help - the two arrows point towards each other represent the area of white space which needs removed/reduced.

Thanks
Shahan

Hello there,

It looks like the left and right empty spaces relate to one you reported in your other topic here:

To reduce the top/bottom spaces of the main content area, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .home .site-content {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

Regards,
Kharis

this didnt work? can you revisit this

Hello there,

I visited your site and it looks like the header area looks good. But a few pixels appear underneath it. In order to get rid of it, try enabling Composer template instead of Full width.

Regards,
Kharis