@Paulo_Weber Amigo, verifiquei que o seu logo está na resolução 450 x 114 pixels ficando um pouco desproporcional para a região disponível onde fica a imagem do logo. Tomei a liberdade de fazer alguns ajustes testando e tentando acertar a melhor resolução editando seu logo para a resolução proporcional de 114 x 114 pixels e ajustando o seu posicionamento para o centralizar dentro da barra. Seguem alguns prints abaixo com as modificações aplicadas, veja se fica a seu gosto e se era isto mesmo que desejava fazer. Upei o logo redimensionado no meu Google Drive, segue abaixo também o link do ícone ajustado para que possa o baixar e fazer as substituições que desejar.
1- Logo redimensionado e ajustado dentro da barra:
2- Ícone responsivo após recolhimento da barra do menu:
Se estiver a seu gosto basta fazer o download do logo aqui substituindo a sua imagem dentro do seu painel da Loja Integrada. Posteriormente para aplicar as alterações para ajuste e centralização do ícone no site, é só adicionar o código abaixo no seu painel CSS:
header .navbar-brand img.main_logo {
width: auto;
margin-top: -50px;
z-index: 5555;
position: relative;
}
header.affix .container .navbar .navbar-brand img {
height: 60px;
margin-top: -10px;
}
3- Modo Mobile (Celular):
Para posicionar ajustando o logo dentro da barra superior no modo Mobile, vá em “Incluir Código HTML” e adicione o código abaixo conforme print:
@media only screen and (max-width: 767px) {
header .navbar-brand img.main_logo {
margin-top: -10px !important;
margin-bottom: 5px !important;
height: 60px;
margin-top: -10px;
}
Print:
Resultado:
Qualquer coisa, se não for isso ou precisar de algo que eu consiga ajudar, é só retornar!
Abraços.