# \[Solved\] How to make title bar in thunkable x?

**URL:** <https://community.thunkable.com/t/solved-how-to-make-title-bar-in-thunkable-x/590637>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner\
**Created:** [May 28, 2020, 1:41pm UTC](https://community.thunkable.com/t/solved-how-to-make-title-bar-in-thunkable-x/590637 "2020-05-28T13:41:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bowiesushio521f](https://avatars.discourse-cdn.com/v4/letter/b/35a633/32.png) [@bowiesushio521f](https://community.thunkable.com/u/bowiesushio521f)\
**Post date:** [May 28, 2020, 1:41pm UTC](https://community.thunkable.com/t/solved-how-to-make-title-bar-in-thunkable-x/590637/1 "2020-05-28T13:41:16Z")

</div>

Hi, I can’t make title bar in thunkable x. Help me please. Thanks.  
Example

 ![100060980_2718044481750594_7002462675934380032_n](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/3/634dbdb8848294857f891febffac7c72cb337031.jpeg)

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [May 28, 2020, 3:18pm UTC](https://community.thunkable.com/t/solved-how-to-make-title-bar-in-thunkable-x/590637/2 "2020-05-28T15:18:07Z")

</div>

Hi @bowiesushio521f,

You could do this one of two ways.

### 1. Using the stack navigator component:

The [Stack Navigator](https://docs.thunkable.com/stack-navigator) component basically auto generates this for you, including the arrows to go back.

### 2. Making one yourself:

Making one yourself requires you to add one to every page and make sure they’re the same size etc. I do this with almost all of my projects as I may have 2-3 buttons in the title bar. This is achieved using a row, and setting the height to 50px and width to fill container (these measurements are just my recommendations). Set the left and right padding to 25px. Set all buttons inside this row to 25x25px. The title can be achieved by absolutely placing a label inside the row (this means it will be centred no matter if the buttons are on the left or right). If you require a quick guide on how to do this let me know 🙂

Hope this helps.

---

<div class="post-metadata">

**Author:** ![bowiesushio521f](https://avatars.discourse-cdn.com/v4/letter/b/35a633/32.png) [@bowiesushio521f](https://community.thunkable.com/u/bowiesushio521f)\
**Post date:** [May 29, 2020, 9:48am UTC](https://community.thunkable.com/t/solved-how-to-make-title-bar-in-thunkable-x/590637/3 "2020-05-29T09:48:34Z")

</div>

Thanks.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:28am UTC](https://community.thunkable.com/t/solved-how-to-make-title-bar-in-thunkable-x/590637/4 "2024-11-08T11:28:54Z")

</div>