Remove transparent space below/between announcement bar and header

I have just added code to reduce the announcement bar height and now I am left with a transparent gap between the bar and the header when I scroll as highlighted in red in the attached image. Does anybody know how to close it up?

I have tried the following code but it didnt work:

body.homepage .page-section:first-child {

    padding-top: 0 !important;

}

Thank you!

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Apologies. My site URL is: https://www.annicksantiques.com/store

pw: 123

Thanks again

Awesome! Thank you so much for your time and help, Creedon.