Если кто-то ищет и находит эту тему, обратите внимание: приведённый выше код больше не работает, но я подготовил обновлённую версию.
.current-user {
position: relative;
}
.current-user::after {
position: absolute;
content: '';
display: block;
top:-16px;
left: -8px;
width: 45px;
height: 45px;
/* ОБНОВИТЕ ССЫЛКУ НИЖЕ */
background: url(URL HERE) no-repeat center;
background-size: contain;
pointer-events: none;
}
Строка “pointer-events” также важна, потому что без неё вы больше не сможете кликнуть на свою аватарку, чтобы открыть меню, так как наложение шляпы блокирует это (можно кликнуть в правый верхний угол и совсем в самый низ, но это неудобно и не сразу заметно).
Другой код, опубликованный @Robert (второй вариант) для добавления шляп в профилях внутри тем, всё ещё работает, однако в нём есть та же проблема (хотя менее критичная, так как в этот раз можно кликнуть прямо на имя пользователя рядом с картинкой). Но если вы хотите исправить и этот случай, просто добавьте pointer-events: none;.