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 [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>
7 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

@yinon_raviv - may I ask what you had to do to get your gdrive link to work?

Thanks!

I uploaded to glide server and used the link I got which is working.
I think Google is blocking those things 9n their side

Hi all, I am really new at all this, but I would also very much like to add the logo on the bar on the top. I would love to se your trick Lucas but… where I am supposed to enter it?

You enter it in a rich text component.

3 Likes

Bonjour,

Je trouve super cette astuce pour insérer le logo dans la barre supérieure. Désolé de ma faible expérience par avance :pensif:. Quelle est la démarche, dois-je faire la modification dans le code source ou d’abord ajouter un composant de texte enrichi dans glide ? Je ne vois pas dans le code source ou est situé “nav–bar-root”.:face_with_raised_eyebrow:

You just have to add the code (if you have already had it) to a rich text component. It will insert the CSS to the page you’re working on automatically. Nav-bar-root is a class in any pages.

2 Likes