Usermenu revamped mobile repositioning

UX
1

Hi, in order to make my forum users access the usermenu better I have moved the usermenu icons to the bottom than from the side through creating a custom theme component.

The Before:

Screenshot_20240117_032815_Chrome
Screenshot_20240117_032815_Chrome720×1600 110 KB

Screenshot_20240117_032825_Chrome
Screenshot_20240117_032825_Chrome720×1600 165 KB

The After:

Screenshot_20240117_032843_Chrome
Screenshot_20240117_032843_Chrome720×1600 107 KB

Screenshot_20240117_032848_Chrome
Screenshot_20240117_032848_Chrome720×1600 158 KB

Still working on the user menu from the bottom tabs though

Screenshot_20240117_032853_Chrome
Screenshot_20240117_032853_Chrome720×1600 113 KB

Currently tested on android will attempt to test on an iPhone device in a few.

I’ve also removed the replies, reactions, and other notifications via css from the usermenu primarily for spacing but also as it’s not priority to me personally since they are provided under the default notification menu. As compared to the bookmarks, messages and mentions.

2 Likes
2

Sorted user menu spacing by removing the max-height value of em to 100% and adding display flex to quick access li items also added li:last-child bottom spacing off from bottom buttons.

Screenshot_20240118_092258_Chrome
Screenshot_20240118_092258_Chrome720×1600 129 KB

Lastly renamed pause notifications to “Focus Mode” for less confusion between upper notifications of user profile.

:slightly_smiling_face:

1 Like
3

Great work :slight_smile: good luck :slight_smile:

1 Like