Logo no menu superior

Layout
1

Por favor, como faço para deixar minha logo no lugar dessa casinha nessa barra na versão mobile e a logo no canto esquerdo na versão desktop? Obrigado!

site

2

observei aqui que você não inseriu sua loja pelo método convencional e por isso está enfrentando alguns problemas, veja:

image
image1329×563 84.8 KB

Sugiro primeiro inserir a sua logo assim:

image
image1329×435 22.5 KB

Após inserir dessa forma, veja como fica e se precisar ainda de ajustes, chama aqui.

3

Fala, Maurício. Obrigado por responder, cara.
Então, eu queria colocar o logo na barra do topo onde fica( * Fone* Rastreie seu pedido *Minha Conta) e remover a barra de pesquisa para full banner já ficar logo após essa barra.

Usei esse código :point_down:, mas a logo ficou junto com a imagem da casinha.

.atalhos-mobile ul li .icon-home {
background-image: url(https://cdn.awsli.com.br/2588/2588530/arquivos/logo600x600preto3.png);
background-size: cover;
width: 76px;
height: 69px;
position: absolute;
padding-right: initial;
left: 121px;
top: -9px;
}

4

Sim entendi, mas vc fez o procedimento que mencionei acima?

5

Já fiz. Ela fica justamente onde tá o nome RED NUT (da imagem que vc postou), junto com a barra de busca.

6

vou olhar aqui, pode remover esse CSS que vc postou anteriormente

7

manda um print aqui por favor de como está a logo no seu painel.

8

Captura
Captura1046×297 18.2 KB

9

esse procedimento…

10

coloquei a logo do jeito que vc falou e retirei o código.

11

ok, vou olhar aqui agora

12

versão desktop:

image
image1321×438 71.8 KB

Versão mobile:
image

confirma para mim se é isso ai mesmo que eu mando o código aqui.

/*versão mobile*/
@media only screen and (max-width: 1024px) {
  #cabecalho .logo a img {
    top: -75px;
    margin: 10px auto; 
    max-width: 90vw; 
    z-index: 9999; 
   } 
}

/*versão desktop*/
@media (min-width: 768px) {
   #cabecalho .logo a img {
    top: -45px;
     }
}
13

Isso. Mas queria tirar essa barra de busca. E na versão desktop colocar a logo para cima.
Captura

14

sim é possível, porém é necessário mais do que CSS para ajustes, pois o elemento que vc quer esconder contém a logo e se esconder ele como deseja a logo vai sumir, vou mandar uma versão “improvisada” para resolver sem programação (seria o ideal):



 #cabecalho > div.conteiner{
   display: none!important;
 }

 .atalhos-mobile ul li .icon-home {
    background-image: url(https://cdn.awsli.com.br/2588/2588530/arquivos/logo600x600preto3.png);
    background-size: cover;
    width: 76px;
    height: 69px;
    position: absolute;
    top: -28px; 
    right: 260px; 
    z-index: 9998; 
  }
  .barra-inicial .lista-redes{
    background-image: url(https://cdn.awsli.com.br/2588/2588530/arquivos/logo600x600preto3.png);
    background-size: cover;
    width: 76px;
    height: 69px;
   position: absolute;
    top: -18px; 
  }
2 curtidas
15

Ficou top, Maurício! Obrigado, cara. Vc é fera!!

1 curtida