Archived topic
PUT LOGO IN NAVIGATION BAR
9 replies · Started by Andiomel on April 6, 2018
How do I put my PNG logo in the navigation bar like this? https://www.thepennyhoarder.com/deals/
when I try Customize> layout > primary nav > insert image
it looks small and goes all the way to the left side. I want it to fit just like in that website.
Hi there,
Can you add the logo in?
Might need some CSS to make it look good.
Already did. Please check again http://www.dimetalks.com/
Let me know what I need to do.
I have the exact same problem. I also have tried the same path as Andiomel (Customize> layout > primary nav > insert image) and I have tried changing the size of the logo but still it looks quite small and no clue how to make it fit.
My website is cv-coaching.net
Would you mind to give me a hand as well? Thank you so very much!
Catalina.
You guys can both try this CSS:
.main-navigation .navigation-logo img {
padding: 0;
}
and the recropping the image might help as well for both cases. I see a lot of extra padding in both logos.
@Andiomel - Your logo has some extra top and bottom padding that can be removed.
@Catalina - Your logo image has a massive right padding.
@Leo - thanks tons! :-)
The big right padding was one of my crazy attempts to make the navigation logo go further away from the navigation pane (now i see what a bad idea that was).
I added the CSS and it looks a lot better.
Can i bug you with one other question? Is there a way to put the navigation logo more to the left and make it a bit bigger?
Thanks so very much, i truly appreciate it!
Catalina.
Nice! thank you! It worked out just fine.
No problem :)
@Catalina: Can you please open a new topic? I can definitely help with that :)
@Leo,
Sure, I did it already, here is the new thread: https://generatepress.com/forums/topic/move-logo-to-the-left/
Thanks so very much!
Catalina.
Answered :)