View Full Version : Miscellaneous Hacks - Hide username on main-navbar

16 Oct 2017, 19:15
You know your own username and it is actually not necessary to get this constantly in the login/logout-bar or topmenu-bar.
The avatar itself would already suffice and it would be quite nice to get the username to be shown by mouseover the Avatar.

Exactly what I have created in my forum and if you want to adjust this in your forum also, this is possible with CSS only. So it is cloud-friendly!

Before the adaptation and after the adaptation when you go with the mouse over the Avatar:

After the css changes:

/*hide-show username in main-navbar*/
#lnkUsernameMenu span.b-comp-menu-dropdown__trigger-username {
#lnkUsernameMenu:hover span.b-comp-menu-dropdown__trigger-username {

If you would like to do a fade-in and fade-out effect you could take a look at my forum.
I have another css-snippet there: hide-show username in main-navbar with a fade-effect (https://vbulletin-forum.de/forum/anpassungen-module-und-erweiterungen/templateanpassungen/156-benutzername-in-der-anmelde-men%C3%BC-leiste-nur-beim-mouseover-anzeigen)
The most content is literally in german, but I will try to translate it all.

Take a look at:
vbulletin-forum.de (https://vbulletin-forum.de/)