Site logo

Archived topic

PUT LOGO IN NAVIGATION BAR

9 replies · Started by Andiomel on April 6, 2018

Viewing posts 1–10 of 10

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.

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 :)

Answered :)

This archived topic is closed to new replies.