> For the complete documentation index, see [llms.txt](https://docs.littlebaytech.com/templates/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](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).

# 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 %}