# Ability to upload and display Logo in fixed top bar instead of the tab name

**URL:** <https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608>\
**Category:** Feature Requests\
**Created:** [August 5, 2020, 4:39pm UTC](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608 "2020-08-05T16:39:45Z")\
**Posts on this page:** 5\
**Page:** 3

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [March 12, 2022, 4:48am UTC](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608/44 "2022-03-12T04:48:58Z")

</div>

Any idea of how to view this in English.

---

<div class="post-metadata">

**Author:** ![Casch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/casch/32/39482_2.png) [@Casch](https://community.glideapps.com/u/Casch)\
**Post date:** [March 14, 2022, 4:01pm UTC](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608/45 "2022-03-14T16:01:40Z")

</div>

I appreciate that. Thanks a bunch, I will be sure to do so 🙂

---

<div class="post-metadata">

**Author:** ![metamads](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/metamads/32/61990_2.png) [@metamads](https://community.glideapps.com/u/metamads)\
**Post date:** [July 24, 2023, 1:58pm UTC](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608/46 "2023-07-24T13:58:49Z")

</div>

Wil this Rich Text code still work in 2023? Trying to implement now with a logo image uploaded to Glide server, but not succeeding hmm…

```auto
<span/>
<style>
#app-root div[opacity='1'] {
  color: transparent; 
}
.nav-bar-root {
  content: "";
  display: block;
  background-image: url(URL);
  background-size: 70px 70px;
  background-repeat: no-repeat; 
background-position: center, center;
;}
</style>

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 25, 2023, 12:11am UTC](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608/47 "2023-07-25T00:11:07Z")

</div>

The new Glide Apps won’t allow this to be rendered using Rich Text component.

CSS is available only on Business/Enterprise, but you gotta adjust it to fit with the way CSS works now. The same code most likely won’t work.

---

<div class="post-metadata">

**Author:** ![jayjaygonzalez](https://avatars.discourse-cdn.com/v4/letter/j/958977/32.png) [@jayjaygonzalez](https://community.glideapps.com/u/jayjaygonzalez)\
**Post date:** [March 29, 2024, 9:28pm UTC](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608/48 "2024-03-29T21:28:19Z")

</div>

I found a new code that works in 2024.

Just paste this in your CSS in Appearance!

```auto
[class*="unified-nav-bar___StyledDiv"] {
    display: block !important;
}

[class*="mobile-tab-bar___StyledDiv"] {
    background-color: transparent !important;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 6px;
    border: 0px;
}

[class*="mobile-tab-bar___StyledDiv"]:first-of-type {
    background-color: transparent !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

```

[Previous page](https://community.glideapps.com/t/ability-to-upload-and-display-logo-in-fixed-top-bar-instead-of-the-tab-name/13608.md?page=2)