Hello All, Is there a way to show user’s name in the navigation bar next to avatar when user is logged in. See the screenshot below. [name]

Hello, welcome back Auston! Could you try this custom HTML/CSS, please? This should work fine with all notifications badges with/out the new notifications menu enabled. I suggest you create a theme component. In case you don’t know, everything is explained here: Beginner's guide to using Discourse Themes Note: It’s disabled on mobile view. Note: CSS is based on the default theme; you might need to adjust it. Feel free to ask. I did not test extensively, but I hope this will work for you! Head api.decorateWidget('header-notifications:after', dec => { const { currentUser, site } = dec.widget; if (site.mobileView) { return; } return dec.h('span.username', currentUser.displayName); }) CSS html:not(.mobile-view) #current-user { span.username { display: inline-block; vertical-align: middle; margin-left: 5px; } .icon.btn-flat { width: auto; } .user-status-background { left: 22px; } .badge-notification { &.with-icon.new-pms { left: -3px; right: auto; top: 4px; } } .unread-notifications { left: 25px; right: auto; } .unread-high-priority-notifications, .ring { left: -3px; right: auto; } }

Thanks a lot. It works :slight_smile:

How to show user's name next to avatar in the navigation when logged in?

Development

asugar (Auston) March 20, 2023, 9:11pm 3

Thanks a lot. It works

Topic		Replies	Views
Top Menu Avatar Product Support	2	855	October 16, 2016
Display username when login in banner Development	14	12507	May 6, 2018
On mobile, How to insert the user's username, placed next to the avatar on the home page? Product Support	5	524	January 3, 2024
How to replace avatar image with name (username and name) Development	1	896	January 15, 2023
Share your feedback about updated notification menu! Feature notifications , feedback	31	1026	September 25, 2024

How to show user's name next to avatar in the navigation when logged in?

Related topics