heading Reduce Padding on Header

Site URL: https://octagon-pike-87bf.squarespace.com/

Site Password: bigkidbakesale

Hi. I'm trying to reduce the padding in my header.  I've tried a few things with CSS but it's just not getting down to the width I want.  I think the main cause of this is the logo.  I had to make the logo pretty large in order to be able to read the text.  However, since making the logo larger now the header padding is too much.  Here is the CSS I used and it is still not reduced enough:

/* Header height */
.header-announcement-bar-wrapper {
   padding-bottom: 0px !important;
  padding-top: 0px !important;
}

This is what it looks like when I increase the logo size:

This is how I want it to look but with the logo bigger:

Thank you!
Blayne

Hi,

It is padding inside your image. Cut off white space before uploading to your site

Hi,

Ok I'll have to talk to my client about that.  She is using Canva which I don't know much about but I had a feeling it was related to that.  Thanks for your reply!