При всем уважении,... но не так..
Все нижеописанные действия -только примерка, никакого разрушающего воздействия не могут оказать.
при обновлении страницы браузера исчезают все изменения.
После того, как выяснили, что нам надо, отправляемся править файлы шаблона.
В Хроме:
Нажимаете F12 ( или правый щелчок- Просмотреть код)
Выделяете нужный элемент
Лого тут:
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 navcentr">
класс Бутстрапа col-lg-2 означает, что логотип будет занимать 2/12 от всей ширины родительского блока
В родительском блоке кроме логитипа еще
центральный блок
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
и корзина
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 cart">
Теперь.
Правый клик на
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 navcentr">
Выбираем Edit as html
Меняем на <div class="col-lg-3 col-md-2 col-sm-2 col-xs-12 navcentr">
Видим, как блог лого увеличился по ширине.
Но корзина съехала на другую строку.
Это потому, что в ряду должно быть общее число 12 ( col-lg-2 + col-lg-8 + col-lg-2 )
А у нас уже получилось 13
Надо отнять единичку у центрального блока
<div class="col-lg-7 col-md-8 col-sm-8 col-xs-12">
Побаловались, теперь идем изучать сетку Бутстрап
https://itchief.ru/lessons/bootstrap-3/22-the-grid-system-twitter-bootstrap-3
Потом, если не охладели, правим header.tpl
Вот тут надо быть осторожным, создавать резервные копии файлов до внесения изменений