[Resolved] Center sticky nav logo

[Clare]

Wordpress newbie here (dreaded opening line by all wordpress techies, I’m sure ;))

I’d like to be able to keep everything the same in my current header setup, except to align the sticky navigation logo in the center of the text. Kinda like this website – http://limedoodledesign.com/blog/, except I only want the that sticky nav to show when scrolling (i.e, not replacing main header or showing the logo again when the at the top of the page)

I’ve seen some posts on close to this subject, but nothing (yet) that quite answers it.
Thanks!

[Leo]

Hi there,

This should get you started: https://docs.generatepress.com/article/centering-logo-navigation/

I’m not quite sure what you mean in the second part?

[Clare]

Thanks! I followed that and got it centered, but I don’t want the sticky nav logo to show until scrolling down, past the main logo.

[Leo]

Try this additional CSS:

.main-navigation:not(.navigation-stick) .main-nav ul li.centered-navigation-logo a {
    display: none;
}

[Clare]

Perfect! Thanks Leo!

[Leo]

No problem!

[Mark]

Hey guys! I am trying to do this exact same thing and the advice I’ve followed here does not work.
Need the logo to be centered inbetween the text, it doesnt work on sticky header/nav.

[Leo]

Any chance you can open a new topic and link us to the page in question?

Thanks 🙂

[Author]

Posts