Alterar logo de lugar

Layout
1

x
Gostaria de desagregar minha logo e a barra de pesquisa que estão coladas

2

Espero que ache alguém para te ajudar, pois vc mudou muita coisa e eu não consegui achar.

3

acho que consegui…

precisa remover/editar o que colocou a mais… (codigos)

#cabecalho .conteiner {
    padding-top: 30px;
    box-shadow: none;
    background: none;
    /* padding-bottom: 50px; */
}

#cabecalho .conteiner .conteudo-topo {
    /* position: absolute; */
    /* right: 0; */
    /* top: 50%; */
    /* margin-top: -38px; */
}

e colocar isso.

@media (min-width: 767px) {
    #cabecalho .conteiner .conteudo-topo {
     position: absolute; 
     right: 0; 
     top: 50%; 
     margin-top: -38px; 
    }
    
    #cabecalho .conteiner {
    padding-top: 30px;
    box-shadow: none;
    background: none;
    padding-bottom: 50px;
    }
}

para ter esse resultado:

image
image1386×325 81.9 KB

image
image1704×332 177 KB

1 curtida
4

Muito obrigada, resolveu! Porém, ficou branco, ai como a logo é branca, não dá pra ver

imagem
imagem828×1792 246 KB

5

x

6 
.conteiner-principal .conteiner {
    background-color: none;
}

image
image1462×266 29.4 KB

image
image1810×270 89.3 KB

1 curtida
7

não dá certo, desconfigura o restante do site :frowning:

8

Muito obrigada pela ajuda, o que resolveu foi:
#cabecalho .conteiner {
background-color: #e63062;
}

Você é uma das pessoas mais ativas e que ajudam na comunidade!

3 curtidas
9

Alguém consegue me ajudar a colocar uma imagem no cabeçalho atrás da logo ocupando todo cabeçalho? Passei a noite toda acordado tentando fazer essa alteração já testei todos códigos que encontrei aqui na comunidade gente me ajuda pfv

Link da loja:

Screenshot_20230421-084454_Chrome
Screenshot_20230421-084454_Chrome720×1600 172 KB

Estou tentando colocar uma imagem acima do full banner ocupando toda parte que está preta

10

veja se ajuda:

//desktop
document.querySelector("#cabecalho .conteiner").style.cssText = "background-image: url('https://suaimagem.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;";
//mobile
document.querySelector("#cabecalho > div.conteiner > div").style.cssText = "background-image: url('https://suaiamgem.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;";

Obs: Use imagens diferentes, pois são tamanhos totalmente diferentes.

1 curtida