# Edit profile access button!

**URL:** https://meta.discourse.org/t/edit-profile-access-button/296298
**Category:** Development
**Tags:** user-menu
**Created:** [February 22, 2024, 9:00am UTC](https://meta.discourse.org/t/edit-profile-access-button/296298 "2024-02-22T09:00:58Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![hamdictn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hamdictn/32/365419_2.png) [@hamdictn](https://meta.discourse.org/u/hamdictn)
#### Post date: [February 22, 2024, 9:00am UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/1 "2024-02-22T09:00:58Z")

</div>

![laf](https://global.discourse-cdn.com/meta/original/4X/2/0/6/20665ccccd178aefe83acf671eeffa679a9b0cc1.jpeg)

Hello, thank you again for your previous help.

But I would like to edit something that I see as negative in terms of user experience, if there is a way to do it.

As in the picture below, when the user clicks on the profile picture, notifications are displayed first. Instead, the button to access the profile and the notification button should be switched or we should be able to sort it as we want. Is there a way to do this?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [February 22, 2024, 9:45am UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/2 "2024-02-22T09:45:08Z")

</div>

You can rearrange those buttons with css.

To put the profile button at the top you can add

```plaintext
.bottom-tabs.tabs-list{
    order: 1;
}
.top-tabs.tabs-list{
    order: 2;
}

```

to the common css section of your theme

---

<div class="post-metadata">

### Author: ![hamdictn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hamdictn/32/365419_2.png) [@hamdictn](https://meta.discourse.org/u/hamdictn)
#### Post date: [February 22, 2024, 9:49am UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/3 "2024-02-22T09:49:46Z")

</div>

> [@Moin](#):
>
> ```plaintext
> .bottom-tabs.tabs-list{
> order: 1;
> }
> .top-tabs.tabs-list{
> order: 2;
> }
> 
> ```

Thanks, the location has changed, but when I click on the profile picture, the notification tab is still active, although it is at the top.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [February 22, 2024, 10:49am UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/4 "2024-02-22T10:49:09Z")

</div>

Just another thing to consider. Which one is more frequently used by an user

- notifications
- preferences

That dictates what is good UX and what is… less UX.

---

<div class="post-metadata">

### Author: ![hamdictn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hamdictn/32/365419_2.png) [@hamdictn](https://meta.discourse.org/u/hamdictn)
#### Post date: [February 22, 2024, 11:13am UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/5 "2024-02-22T11:13:44Z")

</div>

@Jagster I think this is debatable.

When a person receives a notification, when they click on their profile picture, the notifications screen pops up. Clicking on the profile picture when there is nothing going on can open the profile tab directly.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [February 22, 2024, 12:47pm UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/6 "2024-02-22T12:47:51Z")

</div>

> [@hamdictn](#):
>
> can open the profile tab directly

Why? Why would that be better choise than drafts, bookmarks etc.? We don’t follow such guessing with any other menus, like hamburger. Why shoud this be different? When we don’t know, and that’s true quite often, we have only two options:

- showing root of a menu
- showing the most frequently used level

And root is the most easiest to achieve.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [February 22, 2024, 3:48pm UTC](https://meta.discourse.org/t/edit-profile-access-button/296298/7 "2024-02-22T15:48:59Z")

</div>

I’m not a dev, but I think you need to make a theme component that loads the `quick-access-profile` in the `quick-access-panel` by default instead of the `quick-access-all-notifications`.

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/d/1/9d1824f335370a7c91236cd628415743010dee83.png)

You can also have a look at this theme component as a start for clues:

> [@Custom user menu tab](https://meta.discourse.org/t/custom-user-menu-tab/130091):
>
> This theme component allows you to add a custom tab containing links in the user dropdown menu. Settings You can customize the tab’s icon, set links to be visible to users/moderators/admins, and set a custom icon for each link. eyeglassesPreview [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/awesomerobot/user-menu-tab)hammer_and_wrenchRepository [github.com/awesomerobot/discourse-user-menu-tab](https://github.com/awesomerobot/discourse-user-menu-tab)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install th…
