> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/maker-bio/get-started/getting-to-know-the-live-preview-controls-in-mkrbio.md).

# Getting to know the live preview controls in Mkr.Bio

{% stepper %}
{% step %}

### Login to your Maker Bio app.

{% endstep %}

{% step %}

### Go to the Editor of the Bio you want to preview by clicking the title of the Bio.

<figure><img src="/files/xfZ92HjazQv0gSmviNxy" alt="Getting to know the live preview controls in Mkr.Bio — step 2"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### On the upper-right part of your live preview, please look for the floating control bar. This is your Maker Bio's live preview controls.

<figure><img src="/files/3OLR8f8UtmTcH8zsohCR" alt="Getting to know the live preview controls in Mkr.Bio — step 3"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You have the ability to hide or show the controls by clicking this icon.

<figure><img src="/files/N0yNNh8VpNHHx32PHuRR" alt="Getting to know the live preview controls in Mkr.Bio — step 4"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### This button will change your Maker Bio's preview in two different breakpoints: Desktop or mobile

<figure><img src="/files/V3UFTwFl8kHgVeFoJlsg" alt="Getting to know the live preview controls in Mkr.Bio — step 5"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You'll also have the control to expand or shrink your preview allowing you to manage if you want to hide or show the customization panels on the left.

<figure><img src="/files/Cubei7glF0faU2WDQHVi" alt="Getting to know the live preview controls in Mkr.Bio — step 6"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Lastly, this button will open a new browser tab allowing you to preview your Maker Bio.

<figure><img src="/files/QPoqPJG1srMOYVuIonuv" alt="Getting to know the live preview controls in Mkr.Bio — step 7"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Tip! Share with Ease: Copy and share your Maker Bio preview link!

Did you know that you can easily collaborate and gather feedback on your Maker Bio design by sharing the preview link with your team? Simply copy the preview link and distribute it to your colleagues for seamless collaboration and input. It's a convenient way to ensure everyone is on the same page and can provide valuable insights to enhance your Maker Bio profile.
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.maker.co/maker-bio/get-started/getting-to-know-the-live-preview-controls-in-mkrbio.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.