Skip to main content
Ask a Question
Theme
Irene Shen
Asked a question last year

How do I display my rectangle logo in the navbar instead of the square logo on the left side of the home button?

Where am I?

In Tribe you can ask and answer questions and share your experience with others!

Eli Tribe TEAM
Customer Support Manager at Tribe

you can remove the logo, or other sections from the community using your CSS knowledge in Admin Panel> Theme> Advanced Setting> CSS code. 

Insert the following code to delete the logo:
 

.header-logo {
display: none !important;
}

 

You can add your logo to the navbar. 

To do this, you need to insert the line below to the Admin Panel> Theme> Navbar> Links:

<img src="https:URL OF THE PAGE YOU HAVE UPLOADED YOUR LOGO IN" style="height: 25px; margin-top: 2px; background: #ffffff;" /> | https://URL67 OF THE WEBPAGE YOU WANT YOUR NAVBAR TO DIRECT TO | start
How do I display my rectangle logo in the navbar instead of the square logo on the left side of the home button?

 

Note: 

1. You first need to have your logo uploaded somewhere on the net. Then copy and paste the whole URL for your logo and replace it with "URL OF THE PAGE YOU HAVE UPLOADED YOUR LOGO IN". 
You can upload the image on google drive and mark it as public. Also, you can upload your image as a "banner image" in Admin Panel> Settings> General> Open Graph Image. After that right-click on the banner image and copy the image link. 

2. You can define any height, margin, and background color just be careful not to make it a huge size so that the interface will be out of control. 

3. Replace the https://URL67 OF THE WEBPAGE YOU WANT YOUR NAVBAR TO DIRECT TO with the URL of the page you want your logo to direct to. It means, when your click on the logo in the navbar, it takes you to a certain webpage. The address can be your main website URL or even the Community Home page itself. 

Below is the sample format:

<img src="https://community.tribe.so/files/portals/cae/banner_54224.png70" style="height: 25px; margin-top: 2px; background: #ffffff;" /> | https://tribe.so43 | start