Logo centered on homepage but off center on other pages

Logo centered on homepage but off center on other pages

LindsayDesigns
Tourist
19 0 5

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
Replies 2 (2)

BSS-TekLabs
Shopify Partner
608 173 205

@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;
}
If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
LindsayDesigns
Tourist
19 0 5

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.