# Navigation

Apps can contain many pages. A user can navigate between them via hash links. They can be inserted into text, blocks, images and buttons.

## Content

* [How to navigate between pages?](#how-to-navigate-between-pages)
* [How to create menu in the app?](#how-to-create-menu-in-the-app)
* [How to fix menu bottom overflow?](#how-to-fix-menu-bottom-overflow)

## How to navigate between pages?

To move to another page:

1. Add any block that can contain links:<br>

   <figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2F0FiAtKMgEFyRU7ke3OM2%2Fimage.png?alt=media&#x26;token=7a84d572-b700-4a89-846d-247e07212627" alt=""><figcaption></figcaption></figure>
2. Open another page via the “pen” button:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FOU6qZpoAZijHKDNIfYLj%2Fimage.png?alt=media&#x26;token=2100fc0b-42a3-4f83-9865-c196ca5fc347" alt=""><figcaption></figcaption></figure>

3. Click on the page ID (it will be copied):

   <figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2F0qixDoMUsg568yhFPB1z%2Fimage.png?alt=media&#x26;token=1dbceb4c-247e-45f8-aa99-83b147aa769e" alt=""><figcaption></figcaption></figure>
4. Insert page ID to the button (or text, or block) URL field:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2F7wabl9mEQCB0eiEfLXap%2Fimage.png?alt=media&#x26;token=f0d78358-721c-47ee-888c-7bbf4421e7a8" alt=""><figcaption></figcaption></figure>

## How to create menu in the app?

Please look in the video:

{% embed url="<https://www.youtube.com/watch?ab_channel=TgTaps&v=EeL8Mw_lG8M>" %}

Please draw your attention:

* If you have 5 buttons, you need to set 19% of the screen width for buttons. In this case, buttons will have spaces between themselves. So do not set 100% to all buttons, you need to have empty space.
* Container should be set to “distribute items between”:

  <figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FQuiH9PL6B2gJS64eyEIH%2Fimage.png?alt=media&#x26;token=9149c98b-cbf2-41f7-b98d-57fc5adc6e6b" alt=""><figcaption></figcaption></figure>
* You need to set link to another page to button's container, image and text, because the user can tap to any of these elements.

## How to fix menu bottom overflow?

In case, if the menu overflows elements:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FcM5DZ6llvZVRf2b9JUGn%2Fimage.png?alt=media&#x26;token=badc2a4b-3707-4b07-8fd9-5742123b7781" alt=""><figcaption></figcaption></figure>

You need to add the empty block below:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FECQr3EOR8K1SWZIB0cpn%2Fimage.png?alt=media&#x26;token=7cefe728-1a15-4df0-b933-88751e34bb1b" alt=""><figcaption></figcaption></figure>

***

Something unclear in docs or you know how to improve article? [Message us in community!](https://docs.tgtaps.com/tgtaps-docs/readme/community)\
We will answer you and then promise to improve the article within 3 days.