# Using the Layout Tab

*Skill Level: Intermediate*

## Before You Begin

* Make sure you have a good understanding of the [definition and terms](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/definitions-and-terms), as well as the [screen size switcher](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/using-the-screen-size-switcher).
* Make sure you have [created a responsive app](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/creating-a-responsive-app).

## Basics

The layout tab is where you can adjust how your components are laid out on different screen sizes. It encompasses quite a few areas that each have their own unique features and limitations.

In the pages that follow, you'll learn more about each feature of the layout tab and how to use it to build the best responsive apps possible. 

**You can access the Layout tab by clicking on a component or group and then selecting the Layout option.**

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F5kYtMNXuhQPLweWdkcQY%2FScreen%20Shot%202023-03-02%20at%202.03.52%20PM.png?alt=media&#x26;token=55d5ea62-24fd-48d4-b237-8bf097ad9b0c" alt=""><figcaption></figcaption></figure>

## Pages in this Section

{% content-ref url="using-the-layout-tab/screen-size-visibility" %}
[screen-size-visibility](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/using-the-layout-tab/screen-size-visibility)
{% endcontent-ref %}

{% content-ref url="using-the-layout-tab/sticky-while-scrolling" %}
[sticky-while-scrolling](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/using-the-layout-tab/sticky-while-scrolling)
{% endcontent-ref %}

{% content-ref url="using-the-layout-tab/shared-layout-settings" %}
[shared-layout-settings](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/using-the-layout-tab/shared-layout-settings)
{% endcontent-ref %}

{% content-ref url="using-the-layout-tab/custom-layout-settings" %}
[custom-layout-settings](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/design/designing-your-app/using-the-layout-tab/custom-layout-settings)
{% endcontent-ref %}

## Learn More

* The layout tab is not available in apps built in the Legacy Adalo builder.

## Help

If you need additional help with this article, you can always ask in our[ community forum](https://forum.adalo.com/) or [hire an Expert](https://adalo.com/experts) to help! Be sure to paste the link to this article in your post as well!

Do you have a tutorial or help doc request? [Let us know!](https://ideas.adalo.com/tutorial-requests)