# How to add logo to nav bar

**URL:** https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617
**Category:** Questions
**Created:** [September 3, 2021, 4:03pm UTC](https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617 "2021-09-03T16:03:56Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![elizad21](https://avatars.discourse-cdn.com/v4/letter/e/edb3f5/32.png) [@elizad21](https://forum.pinegrow.com/u/elizad21)
#### Post date: [September 3, 2021, 4:03pm UTC](https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617/1 "2021-09-03T16:03:56Z")

</div>

Hello! I am trying to add my logo to the nav bar, and I’m not seeing any instructions on how to do this. Can someone show me how this is done?

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [September 3, 2021, 4:09pm UTC](https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617/2 "2021-09-03T16:09:35Z")

</div>

Eliza,

In order to get help, I invite you to give more details about your project.

- Which framework? (Bootstrap 3.x,4.x,5.x? Foundation, Tailwind …)
- What type of logo (image, svg …)
- Where do you want to integrate the logo?
- Etc…

And if you have the opportunity to share an example of your project, it’s always a +.

---

<div class="post-metadata">

### Author: ![elizad21](https://avatars.discourse-cdn.com/v4/letter/e/edb3f5/32.png) [@elizad21](https://forum.pinegrow.com/u/elizad21)
#### Post date: [September 3, 2021, 5:09pm UTC](https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617/3 "2021-09-03T17:09:32Z")

</div>

Thank you Emmanuel. I’m using the Bootstrap 5 framework. The type of logo is an SVG image, and I would like to put the logo in the top left of the menu (I’m wanting to replace the text in the attached screenshot that says “APPROVE”).

 ![nav brand](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d0278e4318c30e66a73ecba98ddb226f8b16bd64.jpeg)  
I hope this helps!

---

<div class="post-metadata">

### Author: ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [September 3, 2021, 7:50pm UTC](https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617/4 "2021-09-03T19:50:16Z")

</div>

@elizad21 This is from the Bootstrap documentation:

```auto
<nav class="navbar navbar-light bg-light">
  <div class="container">
    <a class="navbar-brand" href="#">
      <img src="/docs/5.0/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24">
    </a>
  </div>
</nav>

```

Replace the path to svg file with the correct path to where you have your logo svg file saved.

---

<div class="post-metadata">

### Author: ![Eugene8344](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/eugene8344/32/3991_2.png) [@Eugene8344](https://forum.pinegrow.com/u/Eugene8344)
#### Post date: [November 16, 2021, 10:44am UTC](https://forum.pinegrow.com/t/how-to-add-logo-to-nav-bar/5617/5 "2021-11-16T10:44:41Z")

</div>

I found a solution on another thread that works - use the **pull-left** class:

```auto
 <a href="#" class="pull-left"><img src="/path/to/image.png"></a> 

```

[Bootstrap - How to add a logo to navbar class?]([Bootstrap - How to add a logo to navbar class? - Stack Overflow](https://stackoverflow.com/questions/28358483/bootstrap-how-to-add-a-logo-to-navbar-class)[.](https://www.mymilestonecard.biz/)