# Layout Management

When you open the App from the Dashboard you can see recent pages. Click **Customize** to go the **Editor.**

![](/files/-M4b2q1gRIRNDYc3n_7u)

## Sidebar widget & Real-time preview

Editor is Customizer, you can adjust all the settings on the left sidebar. It shows a list of sections you can use.

You will see a real-time preview of how that abstract design will render on the right-side. You don’t need to save and click preview to see your new design. 

![](/files/-LtxdGc_hkCEk3Nqf7cD)

{% hint style="info" %}
With the **Live Edit** functionality, the **changes** you make on the sidebar are immediately shown on the Layout without reloading the page.
{% endhint %}

## Responsive Mode

{% hint style="info" %}
Our Layout are built and tested for automatically device-responsive, but if you want to make sure how they look on each device.
{% endhint %}

For more control over how your design looks, > Click the toggle icons <img src="/files/-LplQt3ePGrdXpNWn62H" alt="" data-size="line">  as the device you need to check, to edit its settings. Switch between **Full screen, Desktop, Mobile or Tablet** views by clicking on the corresponding icons on the top of the view port.

* **Mobile screen size**

![](/files/-Lu1UjjJDv2PULuyVRUj)

* **Tablet screen size**

![](/files/-Lu1UockMK_4cT5v-Iop)

* **Desktop screen size**

![](/files/-Lu1UsudfCcmIRqnbiwx)

## Auto Save

All the changes you make are automatically saved in Editor regardless to loading the page.

*If you love LayoutHub, could you consider posting an review? That would be awesome and* *really help us to grow our business, here is the* [*link*](https://apps.shopify.com/layout-hub/reviews)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://layouthub.gitbook.io/layouthub/user-guides/layout-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.