# Logos / images in navbar (.navbar-brand) best practices?
**URL:** https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491
**Category:** Bootstrap
**Created:** [December 5, 2018, 9:19pm UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491 "2018-12-05T21:19:38Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@andrew](https://forum.pinegrow.com/u/andrew)
#### Post date: [December 5, 2018, 9:19pm UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/1 "2018-12-05T21:19:38Z")
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](https://getbootstrap.com/docs/4.0/components/navbar/) 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
---
### Author:  [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [December 6, 2018, 6:26am UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/2 "2018-12-06T06:26:52Z")
> **[Navbar](https://getbootstrap.com/docs/4.0/components/navbar/)**
>
> Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.
---
### Author:  [@andrew](https://forum.pinegrow.com/u/andrew)
#### Post date: [December 6, 2018, 10:56am UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/3 "2018-12-06T10:56:24Z")
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…
---
### Author:  [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [December 6, 2018, 1:57pm UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/4 "2018-12-06T13:57:56Z")
Add you logo and see how it works, it might be straight forward!
---
### Author:  [@andrew](https://forum.pinegrow.com/u/andrew)
#### Post date: [December 6, 2018, 6:22pm UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/5 "2018-12-06T18:22:52Z")
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 🙂
[edit] [Here’s the link.](http://www.turnerdesign.com/logotest/)
---
### Author:  [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [December 7, 2018, 3:07am UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/6 "2018-12-07T03:07:46Z")
Give your logo a size. Then you can delete the text and it won’t shrink.
---
### Author:  [@andrew](https://forum.pinegrow.com/u/andrew)
#### Post date: [December 7, 2018, 12:09pm UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491/7 "2018-12-07T12:09:16Z")
Wow… thanks - I could swear that was one of the first things I tried before moving on… maybe not.
Cheers!