Hamburger Menue Code Making Logo Off Center

Okay so I found a code that works to create a hamburger menu that DOESN'T remove my social icons however it DOES make my logo off-center. I was able to find THIS code:

.header-title-logo {
    text-align:  right ;
}

However the logo still looks a bit off center and the hamburger menu is VITAL haaaalp

Hi,

What is site url? We can check easier

www.thestonedathomemom.com

Try this CSS code

.header-title-logo a {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
.header .header-announcement-bar-wrapper {
    padding-top: 5vw;
}