# Different title for Tab Name and Title that appears on the page when you go to that tab

**URL:** <https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644>\
**Category:** Ask for Help\
**Created:** [August 24, 2022, 4:13pm UTC](https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644 "2022-08-24T16:13:03Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![EricDolence](https://avatars.discourse-cdn.com/v4/letter/e/8e7dd6/32.png) [@EricDolence](https://community.glideapps.com/u/EricDolence)\
**Post date:** [August 24, 2022, 4:13pm UTC](https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644/1 "2022-08-24T16:13:03Z")

</div>

Hey There,

New glider here, so apologies if this has been asked and I just couldn’t find it. Is it possible to have a different title for the same page / tab? I know that sounds confusing, so here is an example:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/c/2cdc13dbb98b51b2e8157c6101098a3c9f9950fa.png)

That top title, can it be different than the “title” of the tab on the bottom row of the app that has its icon? I know it’s the same page, so it makes sense for it to be named or titled the same thing, but just curious if it’s possible to have them be different. I hope that makes sense…haha

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [August 24, 2022, 7:27pm UTC](https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644/2 "2022-08-24T19:27:43Z")

</div>

Hello, maybe there is a better solution but I give you the one I use:

1. You should set the appearance settings like this:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/b/6ba7c28fd8791e8bb91c3a4e5860d182ee09f389.png)
2. 

Then you create a rich text and in it you put the following CSS:

```auto
<pre><span><style>

.nav-bar-root h1 {
color: transparent;
}

.nav-bar-root h1::before {
content: "Thinh Dinh's page";
color: black;
font-weight: 500;
font-size: 16px;
display: block;
margin: 5px;
line-height: 19px;
padding-top: 19px;
}

```

1. Replace “Thinh Dinh’s page” with the Title you want.

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [August 24, 2022, 7:29pm UTC](https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644/3 "2022-08-24T19:29:09Z")

</div>

I used this css from the css library created in this community: [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2)

---

<div class="post-metadata">

**Author:** ![EricDolence](https://avatars.discourse-cdn.com/v4/letter/e/8e7dd6/32.png) [@EricDolence](https://community.glideapps.com/u/EricDolence)\
**Post date:** [August 24, 2022, 7:44pm UTC](https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644/4 "2022-08-24T19:44:22Z")

</div>

This looks interesting! I’ll have to give it a shot later. Thanks for the suggestion @DillanMartinez!

---

<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:** [August 25, 2022, 12:55am UTC](https://community.glideapps.com/t/different-title-for-tab-name-and-title-that-appears-on-the-page-when-you-go-to-that-tab/47644/5 "2022-08-25T00:55:00Z")

</div>

Please beware that the method used above will only work for a “light”/“dark” theme. It won’t work for the other themes.

The sole problem for that was the “bold” themes use a different structure, and it dynamically change the top as you scroll down the page.