Logo centered on homepage but off center on other pages

Store Design
1

Hello!

I got help from this community yesterday with centering my logo on my website. Unfortunately, I didn’t realize until after the fact that it only centered it on the homepage. For some reason it’s not centered in the same position on the other pages. This is the code that I used to center it and to make the logo a touch bigger at the same time.

URL: https://lindsay-designs.net

Dawn theme

@media screen and (min-width:767px){
.header–top-center .header__heading,a.header__heading-link.link.link–text.focus-inset {
width: 100% !important;
padding-right: calc(12% - 88px) !important;
}
.header__heading-logo {
width: 360px !important;
}
}

Thanks in advance for the assistance!
Lindsay

2

@LindsayDesigns

Can you try changing the code

.header--top-center .header__heading,a.header__heading-link.link.link--text.focus-inset {
   width: 100% !important;
   padding-right: calc(12% - 88px) !important;
}

to code

a.header__heading-link.link.link--text.focus-inset {
   width: 100% !important;
   padding-right: calc(12% - 80px) !important;
}
3

Thank you for your taking the time to offer a suggestion but, unfortunately, it didn’t fix it. When you go from page to page the logo still jumps around.