Position logo after resizing

Site URL: https://www.swalsh.art/

I used this code to enlarge my logo: 

.header-title-logo img {
   max-height: 400px;
 max-width: 800px;
}

But this is causing it to no longer be centered. I've tried using the position property to move the image, but this has either resulted in the image returning to the default size or the image being over the next section (over the background image) instead of in the header area. 

Thanks for any help!

I see it center here. Did you solve?

also, i see it has problem on mobile, add this code to solve

@media screen and (max-width:767px) {
.header-title-logo img {
    max-width: 300px;
}
}

On 8/21/2020 at 10:42 AM, SwalshPDX said:

Site URL: https://www.swalsh.art/

I used this code to enlarge my logo: 

.header-title-logo img {
   max-height: 400px;
 max-width: 800px;
}

But this is causing it to no longer be centered. I've tried using the position property to move the image, but this has either resulted in the image returning to the default size or the image being over the next section (over the background image) instead of in the header area. 

Thanks for any help!

I am having this exact same issue. How to keep the logo centered once it's enlarged?

(Site: www.braveryonfire.com - I need the header logo to be the width of the screen- or as close to the screen width as possible -  and centered.)

Thank you!

1 hour ago, mpressmeredith said:

I am having this exact same issue. How to keep the logo centered once it's enlarged?

(Site: www.braveryonfire.com - I need the header logo to be the width of the screen- or as close to the screen width as possible -  and centered.)

Thank you!

Use above code & this code

.header-title-nav-wrapper {
    flex: 100% !important;
}
.header-display-desktop {
    flex-direction: column;
}