Logo on right in navigation bar

[Aaron Redman]

Hi,
I have added my logo in the navigation bar (what a great thing to be able to do in customize). Is it possible to move the logo to the right of the menu items as opposed to the left where it seems to default?
Thanks,
Aaron

[Leo]

Hi Aaron,

Are you referring to sticky menu logo or just the main navigation?

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

[Aaron Redman]

I added the logo under layout>Primary Navigation>Navigation Logo. I made it stick+static

[Leo]

Try uploading the logo in Customizer > Site Identity, then you can reposition it in Customizer > Layout > Header > Header Alignment, or adjust Navigation Position in Customizer > Layout > Primary Navigation.

Then change to Sticky only

Let me know if this helps.

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

[Tom]

You can actually just use a little snippet of CSS to position to navigation logo to the right:

.site-logo.sticky-logo {
    float: right !important;
}

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

[Aaron Redman]

I am not sure I was clear. The image is how I have it now with an arrow showing where I’d like it 🙂

[Aaron Redman]

Perfect Tom! Should have refreshed the page before I posted again 😛

[Tom]

Glad I could help 🙂

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

[liorsade8]

hi tom.
this doesnt work for me.
example site:
http://avi.s178.upress.link/
i need the logo to be on the right instead of left.
thanks

[liorsade8]

it’s not working because of the line code:
position:absolute;
when i delete it it’s floating to the right when i use:
.site-logo.sticky-logo {
float: right !important;
}

but….
i need the floating logo to be like in here:
https://docs.generatepress.com/article/navigation-logo/
in the bottom. when the logo floats off the menu, but to the right…
please help.
thanks.

[liorsade8]

never mind for now… i think i managed… will let u know…
thanks

[Tom]

No problem – glad you got it working 🙂

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

[Author]

Posts