White space appears at top of non-home pages in mobile view

As the title suggests, all pages except from the Home page show a white space at the top of the page as per the screenshot attached which I would like to remove with your support for my website:

www.your-cricket-bat.com

Kind regards,
Shahan Ali

Hello Shahan Ali,

It appears to look fine here. Probably your mobile browser has some special extensions/plugins enabled? Try it with other device, please, to rule-out browser specific issue.

Regards,
Kharis

Kharis you are not looking at the image properly. Above the header logo (black background area’ there is a big white space showing.

It shows on all devices so need your help please

Thanks

Consumer Insights

organic-toothbrush.com

logo small

enquiries@organic-toothbrush.com

I am sorry for I was visiting incorrect page. I got it while visiting the Bat Care page. To fix it, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    body:not(.home) .header-contact,
    body:not(.home) #masthead {
      width: 100%;
    }

    @media only screen and (max-width: 600px) {
     
      body:not(.home) #masthead {
        top: 0;
      }  
      
    }

Regards,
Kharis