Archived topic

Center Logo on Sticky Navigation with Hamburger Menu

1 reply · Started by jonathan on January 15, 2021

Viewing posts 1–2 of 2

January 15, 2021 at 1:33 pm #1620593

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

January 15, 2021 at 5:13 pm #1620699

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 :)

This archived topic is closed to new replies.

Start building better websites today.