White Space on Left/Right side of Header Site Logo

Hi,

I’m using your child theme and have spent hours trying to remove the white space on the Left and Right side of the centered Site Logo in the header.

I just added additional CSS code:
.inside-header {
padding: 0;
}
.site-logo {
display: inline-block;
max-width: 100%;
}

The first code removed the white space above and beneath the site logo, but now the white space is on the left and right-side of header. Page settings are set to full-width and header settings are set to full width (not contained).

I don’t know what to do.