Logos / images in navbar (.navbar-brand) best practices?

Hi again all,

Ok, onto my next puzzle.

Simply, I’m trying to get a logo into the navbar. Better, I’d like to be able to have it resize dynamically with breakpoints, but I have to start somewhere…

I’ve seen a few examples and most seem to address .navbar-brand in some way, but haven’t been able to figure out something that works. I would think it’s easy to do, but apparently not!

Also, I’m wondering if putting it in the navbar itself is the best way to go.

Any suggestions?

thanks

Thanks - yes, saw that early on, but

" Adding images to the .navbar-brand will likely always require custom styles or utilities to properly size."

concerns me. It’s a bit nebulous…

Add you logo and see how it works, it might be straight forward!

Yep - did that… I’ll post in a little bit because I’m not at my “working” computer at the moment.

I can get the logo in there, but if the text is removed in .navbar-brand the logo disappears, and it gets smaller as the text gets shorter. As noted I’ll put it online a bit later.

Since I’m not familiar with the nomenclature, I’m not sure what items/terminology I should be looking for to fix it :slight_smile:

[edit] Here’s the link.

Give your logo a size. Then you can delete the text and it won’t shrink.

1 Like

Wow… thanks - I could swear that was one of the first things I tried before moving on… maybe not.

Cheers!