Logo in Primary Navigation

[Stuart]

Is it possible to put a logo in the primary navigation bar – if so how do you do it?

[Stacey Usborne]

You can use the Menu Plus addon in the Customizer

“Customize > Layout > Primary Navigation > Sticky Navigation Logo”

Then you’ll want to change sticky navigation logo position to either sticky and regular or desktop only.

[Stuart]

I am a premium member – but cant see the Sticky Navigation Logo option

[Leo]

Make sure the Menu Plus addon is activated in Dashboard > Appearance > GeneratePress 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Stuart]

It’s active and I still can’t see it – can you tell me what is above and below it on the primary nav options?

[Stuart]

ahh i found it, you have to turn the stick nav on

[Leo]

Awesome. Sorry forgot to mention that 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

Glad you found it.

In the next version it’s visible whether sticky nav is on or off.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Donna]

Can the logo be placed to the left of the primary nav without the nav being sticky? The sticky nav is a nice feature, but it interferes with jumping to anchor link locations. My preference would be to have the option of placing the logo in the nav whether it’s sticky or not, but I’m ok with the way it is now if there’s a simple override for the anchors. Thanks.

[Leo]

I’m not 100% sure the look you are after but try:
– Upload the logo in Customizer > Site Identity > Logo
– Customizer > Layout > Primary Navigation > Navigation Position > Float Right
– Customizer > Layout > Primary Navigation > Sticky Navigation > Disable
Let me know if that’s what you are after 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

The above works if you want the entire header, but if you want to use the navigation only:

1. Customize > Layout > Primary Navigation > Enable the sticky navigation
2. Upload the navigation logo
3. Choose the navigation logo position so it’s set to Regular + Sticky
4. Disable the sticky navigation

In the next version, step 1 and 4 are no longer necessary.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Donna]

Thanks for the recommendations. Tom’s recommendation worked for me, but I had to change step 3 to set the navigation logo position to “Regular Only”. “Regular+Sticky” made the logo disappear when I disabled sticky navigation, but maybe something in my other customization settings caused that.

[Tom]

Ah, I’ll look into that 🙂

Glad it’s working!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts