# 4. Edit Profile

### 4. Edit Profile

#### The Edit Profile Buttons on the Profile Page

When the Current User is viewing their own profile page, the `Button Follow/Edit Profile` element will be visible if the current page width is greater than 725 pixels; the button's text will be "Edit Profile". If the page width is less than or equal to 725 pixels, the `Button Edit Profile (Mobile)` element will be visible instead.

**Editor** 

Desktop:

![](/files/-LXbv39Rx5I_pLjRkbNe)

Mobile:

![](/files/-LXbv6UjaWgfB2iL8Tmi)

**Preview**

Desktop

![](/files/-LXbvAAJrNL4wZUZ1yzr)

Mobile

![](/files/-LXbvDtlsM6MIz4l-quM)

These buttons' texts are "\[pencil icon] Edit". When clicked, these buttons' workflows navigate the Current User to their account page, in order to edit their profile information.

![](/files/-LXbwypJovAZHbIJGcJu)

Here is how everything looks when the page resizes from desktop to mobile:

![](/files/-LXcWR2Rzmz4o72FLYpK)

{% hint style="info" %}
More information on these workflows can be found in the **E. Edit Profile** workflow folder.
{% endhint %}


---

# 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://docs.littlebaytech.com/templates/responsive-base-template/development-guides/pages-and-reusable-elements-organized-by-folder/3.-logged-in/profile/4.-edit-profile.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.