[Resolved] PUT LOGO IN NAVIGATION BAR

[Andiomel]

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.

[Leo]

Hi there,

Can you add the logo in?

Might need some CSS to make it look good.

[Andiomel]

Already did. Please check again http://www.dimetalks.com/

Let me know what I need to do.

[Catalina]

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.

[Leo]

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.

[Catalina]

@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.

[Andiomel]

Nice! thank you! It worked out just fine.

[Leo]

No problem 🙂

@Catalina: Can you please open a new topic? I can definitely help with that 🙂

[Catalina]

@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.

[Leo]

Answered 🙂

[Author]

Posts