Como centralizar logo no mobile

Layout
1

Olá, a todos
Gostaria de centralizar a logo da minha loja tirar ele de onde está circulado em vermelho e colocar ele onde está a linha azul

centro menu
centro menu1366×768 66.7 KB

2 
@media only screen and (max-width: 767px){
    .atalhos-mobile.visible-phone.fundo-secundario.borda-principal ul li:first-child {
        position: absolute;
        left: -webkit-calc(50% - 60px);
        left: -moz-calc(50% - 60px);
        left: calc(50% - 60px);
    }
}

image
image1170×320 103 KB

3

mude o css para isso para garantir que será executado somente no primeiro item.

/* centralizar menu*/
@media only screen and (max-width: 767px){
    .atalhos-mobile.visible-phone.fundo-secundario.borda-principal > ul > li:first-child {
        position: absolute;
        left: -webkit-calc(50% - 60px);
        left: -moz-calc(50% - 60px);
        left: calc(50% - 60px);
    }
}

image
image1469×358 43.3 KB

1 curtida
4

Tentei colocar no meu e não deu. Será por causa do tema?

5

Tem uma parte em javascript

if( $(window).width() <= 767){ var logoImage = “https://cdn.awsli.com.br/1739/1739720/arquivos/logo-transparente.png”; $(’’).insertBefore(’.icon-home’); $(’.icon-home’).remove(); $(’.logo’).remove(); }

colocar tipo javascript em editar html

2 curtidas
6

Ah sim, ótimo!
Muito obrigado! @Heltonclei

7

esse código está estranho, parece faltar mais coisa…

if( $(window).width() <= 767){ 
  var logoImage = 'https://cdn.awsli.com.br/1739/1739720/arquivos/logo-transparente.png'; 
  $('').insertBefore('.icon-home'); 
  $('.icon-home').remove(); 
  $('.logo').remove(); 
}
8

Poxa não entendo nada de programção mas tá funcionando você acha que pode dar problema futuro

9

Não entendo nada desses codigo só pego aqui e aplico kkkk Voce acha que pode dar problema no futuro

10

codigo completo

if ($(window).width() <= 767) {
    var logoImage = "https://cdn.awsli.com.br/1868/1868909/arquivos/LOGO AMURE fundo trasparente 2.png";
    $('<img src="' + logoImage + '" width="120px">').insertBefore('.icon-home');
    $('.icon-home').remove();
    $('.logo').remove();
}
11

Valeu de novo ficou 1000 muito obrigado

12

acho não vai ficar legal… vai precisar de outra img ou abrir mais o menu

image

image

1 curtida
13

Ah sim entendi.

Vou ver se deixo essa barra branca e os icones vermelhos.
Acho que vou tirar esse de rastreio também.

14

Alguém sabe como deixo o menu no meio da tela mobile e quando clicar tbm as categorias aparecerem no meio? www.primitivostoreoficial.com.brPor favor se alguém souber, agradeço.