/* Скругляем аватарку */ .menu-item.menu-item-profile .menu-item-icon { border-radius: 50%; } /* Задаем аватарке размер и обводку цветом (цвет можете указать свой)*/ .menu-item.menu-item-profile img { border: 3px solid #EC543F; width:68px; height:68px; } /* Спускаем пониже аватарку, чтобы было место для шапочки */ .menu-item.menu-item-profile { padding-top: 20px!important; position:relative; } /* Устанавливаем шапочку через псевдоэлемент */ .menu-item.menu-item-profile:after { content: ''; background:url (https://fs.getcourse.ru/fileservice/file/download/a/69583/sc/45/h/4803f1654344a7339b9ab21df4bb3844.png); display: block; top: 0px; left:25px; width:50px; height:50px; position: absolute; z-index: 5; background-size: contain !important; background-repeat: no-repeat!important; } /* Для режима сублогина */ .sub-icon img.user-profile-image { width:30px!important; height:30px!important; }