В общем, перейдите в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Верхняя часть сайта, далее полностью замените код на:
<header>
<div id="top" class="clearfix">
<div class="t-container">
<?if($SEARCH_FORM$)?>
<div id="show-search" class="show-search"></div>
<div id="b-search" class="b-search pull-right b-search-min">
$SEARCH_FORM$
</div>
<?endif?>
<div id="show-menu" class="show-menu"></div>
<nav>
<!-- <sblock_nmenu> -->
<?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_nmenu> -->
</nav>
</div>
</div>
<div class="b-usermenu t-container">
<?if($USER_LOGGED_IN$)?>
<a title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a> | <a title="Выход" href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a>
<?else?>
<a title="Регистрация" href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a title="Вход" href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a>
<?endif?>
</div>
</header>
<style>
.left img {
width: 180px;
margin: 2px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.right img {
width: 180px;
margin: 2px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
</style>
Ссылки выделены подчеркиванием это наши изображения справ и слева.
Данная строка отвечает за изображение слева:
и соответственно вторая за изображение справа.
Дополнительное уточнение, я прописал стили, для изображений с шириной не более 180px это самая оптимальная ширина. Изображения подберете уже сами и просто ссылки замените на свои.