Inserir tarja no topo da página

Layout
42

Coloquei esse código, mas pelo menos no celular continua ligeiramente por cima do menu/logo/carrinho. (corrigindo)
Coloquei !important em todas e funcionou :pray:

@media (max-width: 767px){
    .g_ header.fix-on-top {
        top: 20px!important;
    }
    .g_ header {
        padding: 0!important;
    }
    .conteiner-principal {
        padding-top: 100px!important;
    }
	.g_ .menu.superior>.nivel-um {
		padding: 35px 0!important;
	}
	.g_ .menu.superior .menu-close-mobile {
		padding: 40px 15px 0 15px!important;
}

A parte que comentou sobre acertar o erro no javascript confesso que não entendi onde está!

Obrigado por suas dicas e pela paciência.
Estou aprendendo muito!

43

Oie!
Obrigada pelo código, muito interessante!

Coloquei o código e ficou muito bom, mas a barra que tem o ícone HOME qnd vai para o mobile ela está ficando comprida (sai da tela para a direita) e a barrinha inserida não desce com o site.

barra_home
barra_home1079×2251 155 KB

Não consegui desabilitar a barra flutuante do site desktop e essa barra fica acima da barra inserida!

Alguma ideia de como resolver pessoal?

Desde já obrigada!

:star_struck:Resolvido aqui:
Solução

44

Após colocar a barrinha, consegui corrigir algumas falinhas, mas criou-se um espaço entre o logo e a barra do topo inserida.

espacotop
espacotop1397×845 169 KB

Tentei modificar no CSS disponibilizado da barra em “padding-top” (diminuiu pra 28px ao invés de 60px) e tb outro CSS para tentar corrigir, mas sem sucesso.

Alguma dica para me ajudar a resolver?
Obrigado!

45

Bom dia,
Tenta assim,

#cabecalho {
padding-top: 0px;
}

@media only screen and (max-width: 767px)
#cabecalho {
margin-top: 75px;
}

2 curtidas
46

Aqui pra mim não funcionou.


element.style {
    padding-top: 60px;
}

espaco
espaco1879×330 60.7 KB

Esse código se eu retirar da inspeção, encaixa perfeitamente tirando o espaço de lá, mas tb no mobile sobe tudo, então eu não sei como e o que fazer!

Obrigado pela ajuda!

47

Tem que colocar os dois códigos o de baixo e para o mobile.

#cabecalho {
padding-top: 0px !important;
}

@media only screen and (max-width: 767px)
#cabecalho {
margin-top: 75px;
}
2 curtidas
48

Opa agora deu certo com" !important"

Obrigado!

2 curtidas
49

Olá Leonardo!
É possível inserir um texto em negrito no texto como neste exemplo?
bold
Agradeço desde já!

50

sim, basta usar tags html, exemplo

textBarraAvisoTopo = "<b>APROVEITE</b> Grandes Ofertas <a href='link'><b>Clique Aqui!</b></a> "

image

image
image1038×230 13.8 KB

2 curtidas
51

Boa noite, alguém sabe me dizer por que minha barra de rolagem fica descendo sozinha depois que eu coloquei o código.

1
11665×918 140 KB