Site logo

Archived topic

Logo on right in navigation bar

11 replies · Started by Aaron Redman on January 8, 2017

Viewing posts 1–12 of 12

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

Hi Aaron,

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

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

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.

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;
}

I am not sure I was clear. The image is how I have it now with an arrow showing where I'd like it :)
LogoNavBar fix

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

Glad I could help :)

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

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.

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

No problem - glad you got it working :)

This archived topic is closed to new replies.