[Support request] Center Logo on Sticky Navigation with Hamburger Menu

[jonathan]

Hi,

Been struggling with this for a couple hours, and only am reaching out after exhausting all efforts.

I’ve set up a hamburger menu PLUS a sticky menu. Trying to find a way to keep the logo centered when it transitions to sticky.

http://draperelevator.spin350.com/

Thanks for any help!

Jon

[Ying]

Hi Jon,

Try this CSS:

.site-logo, #sticky-navigation .navigation-branding {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

#sticky-navigation .inside-navigation {
    justify-content: flex-end;
}

Let me know 🙂

[Author]

Posts