Thank you for your reply!

I used the Inspect Element function in Firefox to see what the padding is and it’s showing 0 for both left and right. I’m still new to CSS so maybe I’m missing something?

#masthead.site-header {
	padding-left: 0;
	padding-right: 0;
}

It moved the logo to the left but it’s still the same size. I even tried different size images, it almost seems like the theme automatically sets the logo to a standard size… Any other ideas?

replace

add_theme_support(
			'custom-logo', array(
				'height'      => 248,
				'width'       => 248,
				'flex-height' => true,
			)
		);

with

add_theme_support(
			'custom-logo', array(
				'height'      => 248,
				'width'       => 248,
				'flex-width'  => true,
				'flex-height' => true,
			)
		);

Then upload logo again, it will have option to skip crop logo. So it will use original size logo.