I have decided to not use the logo centrally anymore in aims to shrink the header whilst scrolling.... Thank you everyone!

My Logo is centered but but when I set to shrink on scroll it shrinks off center. Is there a way to shrink it and stay centered. Many thanks!

THANK YOU SO MUCH!. Works like a charm

As you can see below the image is not displaying completed. This is the custom code used to insert the image.     .header { background-image: url(https://cdn.shopify.com/s/files/1/0814/0282/2984/files/header1.png?v=1710226490); } @media (min-width:...