Erro Com Logo da loja

Layout
1

Ola, estou desenvolvendo a minha loja e preciso de uma ajuda, utilizo o código abaixo para centralizar o logo da minha loja na barra do menu na versão mobile

image
image846×664 33.2 KB

image
image456×611 66.4 KB

porem está aparecendo o logo nesta parte do site, gostaria de remover ele, alguém sabe me dizer se é possível??
image
image

desde já obrigado!

2

Boa tarde, segue o ajuste do seu código.

CSS:

@media only screen and (max-width: 767px){
      div#cabecalho > .conteiner > .row-fluid:first-child .span3 {
            position: relative;
            z-index: 1000;
            top: 0;
            width: 150px;
            left: 0;
            right: 0;
            margin: auto;
      }
}
2 curtidas
3

Boa noite, obrigado pela ajuda, porem não funcionou esse código.

4

Estranho, aqui deu certo.

image
image482×1051 33.3 KB

1 curtida
5

Bom dia,
sim ele altera nesta parte, porem ele sai fora da barra do menu.

image
image448×732 61.4 KB

6

@Leonardo_Vicentini_F boa tarde, Consegue me ajudar com esse erro na versão mobile?

7

olha está cheio de CSS para todos os lados na sua loja, mas seria algo assim.
uma regra para quando é pagina de checkout e uma regra para quando não é

@media only screen and (max-width: 767px){
    body.pagina-carrinho.carrinho-checkout div#cabecalho > .conteiner > .row-fluid:first-child .span3 {
        position: relative;
        z-index: 1000;
        top: 0;
        width: 150px;
        left: 0;
        right: 0;
        margin: auto;
      }

    body:not(.pagina-carrinho.carrinho-checkout) div#cabecalho > .conteiner > .row-fluid:first-child .span3 {
        position: fixed;
        z-index: 1000;
        top: -20px;
        width: 150px;
        left: -webkit-calc(35% - 40px);
        left: -moz-calc(35% - 40px);
        left: calc(35% - 40px);
        margin: none;
    }
}
1 curtida