Alterar tamanho Cabeçalho

Layout
1

Pessoal, queria uma ajuda, queria tirar o cabeçalho onde tem a logo , ou diminuir aquela parte, deixa bem pequena, pois vi que dependendo celular, fica muito grande e atrapalha para ver os produtos no carrinho. Isso somente no carrinho.

image
image473×929 59.6 KB

2

Gostaria de deixar igual esse

image
image462×944 42 KB

3

coloque esse codigo…

<style>
@media screen and (max-width: 768px){
    .pagina-carrinho:not(.carrinho-checkout) div#cabecalho.fixed > .conteiner {
        height:0
    }
    
    .pagina-carrinho:not(.carrinho-checkout) div#cabecalho.fixed > .conteiner > .row-fluid {
        opacity:0;
    }
    #cabecalho .conteiner {
        height: auto;
    }
}    
</style>
<script>
$(window).scroll(function() {
	$(this).scrollTop() > 35 ? $("#cabecalho").addClass("fixed") : $("#cabecalho").removeClass("fixed")
})
</script>

image
image954×709 28.9 KB

image
image587×604 25.2 KB

1 curtida
4

Agredeço ajuda, mas fiz aqui, e nada de sumir . Por CSS nao daria melhor?
Valeu

5

mude esse trecho para

$(function(){
    $(window).scroll(function() {
    	$(this).scrollTop() > 35 ? $("#cabecalho").addClass("fixed") : $("#cabecalho").removeClass("fixed");
    })
});
6

isso está dando erro, sugiro acertar:

image
image1517×164 12.5 KB

image
image1030×177 15.4 KB

mudar para uma código com prevenção

$(function(){
	var  bt = $(".botao.botao-comprar.principal.grande.desativo.with-popover");
	if (bt.length){
		bt.attr('data-original-title','SELECIONE UM TAMANHO');
		bt.data().popover.options.content = " 👆" ;
		bt.data().popover.options.placement = "top";
	}
});
1 curtida
7

Deu certo, obrigado amigo . agredeço muito

1 curtida