Site Logo Centering

Hi there,

try this CSS:

.site-header {
    position: relative;
}

.site-logo:not(.sticky-logo) {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

Not sure what you want to do about Mobile - but if you apply the above CSS the Menu toggle will disappear behind it - so if you want you can add this CSS:

@media (max-width: 769px) {
    button.menu-toggle {
        text-align: left !important;
    }
}

Thank you! That fixed that issue, but my sticky logo is centered, how do I get that to align left?

I updated the first block of CSS here

It is still centered :(

https://cateringwebdesign.com/mealsforhealers/

Nevermind! I needed to dump my cache.

Thank you!

Glad to be of help