# How do I add screens to the drawer navigation (slide out navigation)

**URL:** https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803
**Category:** Questions about Thunkable X
**Tags:** solved
**Created:** [April 7, 2022, 12:38pm UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803 "2022-04-07T12:38:40Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![thomasct777ouaz](https://avatars.discourse-cdn.com/v4/letter/t/f07891/32.png) [@thomasct777ouaz](https://community.thunkable.com/u/thomasct777ouaz)
#### Post date: [April 7, 2022, 12:38pm UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/1 "2022-04-07T12:38:40Z")

</div>

Not able to create the hamburger menu tutorial found here: [How to Create a Hamburger Menu - YouTube](https://www.youtube.com/watch?v=734x_TpCCVk)  
Can’t find the row option anymore. Can someone please update the tutorial?  
Thanks

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [April 7, 2022, 1:39pm UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/2 "2022-04-07T13:39:19Z")

</div>

The drag & drop interface does not have rows and columns. It has groups instead. If you need to use a row, you can create a new project (it’s not possible to convert an existing one) and uncheck the box to “try the new beta” – that way it will be a snap to place interface project.

But I don’t think you need a row at all to create that type of menu. Just add a button, set its image, and drag it to where you need it to be.

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [April 7, 2022, 2:15pm UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/3 "2022-04-07T14:15:07Z")

</div>

Hey @thomasct777ouaz

@tatiang is correct there! You’ll just need to add the drawer navigator, and a button on each screen.

The buttons on-click action be set to ‘slide out’ the drawer menu as in the video.

No rows are needed. You’ll b e able to move the button to whatever position you’d like!

---

<div class="post-metadata">

### Author: ![thomasct777ouaz](https://avatars.discourse-cdn.com/v4/letter/t/f07891/32.png) [@thomasct777ouaz](https://community.thunkable.com/u/thomasct777ouaz)
#### Post date: [April 7, 2022, 7:43pm UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/4 "2022-04-07T19:43:33Z")

</div>

Thanks @jared & @tatiang! This is working now… Just one more doubt. When I click on the Drawer navigator, the slide out just comes for a few pixels and there is no text visible. See image. The white part is the slide out .

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/2/32f6e7894671dc44cad43b1ef2dcf6707863ad72.png)

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [April 7, 2022, 7:54pm UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/5 "2022-04-07T19:54:12Z")

</div>

Please provide a link to your project. It’s very difficult to troubleshoot from just a screenshot of the preview. We can’t see how you have things set up.

---

<div class="post-metadata">

### Author: ![thomasct777ouaz](https://avatars.discourse-cdn.com/v4/letter/t/f07891/32.png) [@thomasct777ouaz](https://community.thunkable.com/u/thomasct777ouaz)
#### Post date: [April 8, 2022, 3:08am UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/6 "2022-04-08T03:08:54Z")

</div>

Apologies. Here’s the link: [Thunkable](https://x.thunkable.com/copy/89618a597ca096268f07b3ba7a9bc5c8)

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [April 8, 2022, 3:11am UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/7 "2022-04-08T03:11:26Z")

</div>

Your DrawerWidth is 10. That’s only 10 pixels wide. Either try a larger number or delete the number to use the default width.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/0/903d2c263c6fa774eb37e731709de227ce2664f9.jpeg)

---

<div class="post-metadata">

### Author: ![thomasct777ouaz](https://avatars.discourse-cdn.com/v4/letter/t/f07891/32.png) [@thomasct777ouaz](https://community.thunkable.com/u/thomasct777ouaz)
#### Post date: [April 8, 2022, 3:23am UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/8 "2022-04-08T03:23:05Z")

</div>

I see… It’s working now. Thanks! I had changed that up to 50px yesterday and didn’t see any changes though. But removing the value seemed to fix it. Thank you, once again.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [July 7, 2022, 3:23am UTC](https://community.thunkable.com/t/how-do-i-add-screens-to-the-drawer-navigation-slide-out-navigation/1822803/9 "2022-07-07T03:23:42Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
