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

Where does all of this go? lol

Updated - Logo in Nav bar

<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>
4 Likes

What field are you putting this markup into? And where is the CSS var “URL” coming from?

Nm, I guess it is a rich text field and that is just a placeholder for any URL. Pretty nice. I just used this trick to finally get rid of the default “Home” tab title text on one of my apps on a branded landing screen.

1 Like

didnt work for me. replaced the URL with URL from my GDrive and the logo didn’t show.

1 Like

OK Got it to work and its beatifull. thanks brother
image

3 Likes

Well done :+1: looks great

1 Like

One thing i did notice is that it moved the edit pencil down on the search and if you don’t have search the edit is not apearing.
@Lucas_Pires is there a way to fix this?

In android device the edit is completely gone

3 Likes