Fixar menu e tirar barra flutuante

Layout
1

ALGUÉM PODE ME AJUDAR??
queria saber como faço para fixar o menu e tirar a barra flutuante quando você rola a página para baixo. Não quero que o menu e nem a barra flutuante acompanhe a rolagem!

2

teste

body.fixed >
.conteiner-principal >
div#cabecalho {
    display:none;
}

body.fixed >
.conteiner-principal >
#corpo {
    padding-top: 10px !important;
}
1 curtida
3

Consegui, muitissimooo obrigada!!

1 curtida
4

Opa amigão, será que consegue migrar esse css pro tema que estou usando? o gratuito Tema 1 ? botei seu codigo não funcionou.

5

Veja se ajuda, aqui deu um bug depois de subir e descer umas 20x

div#cabecalho.fixed  {
    display:none;
}
6

aqui não deu certo não, ele apenas ocultou a barra flutuante, e não fixou o menu completo.

7

muda aquele CSS para esse

@media screen and (max-width: 767px){
    .conteiner-principal div#cabecalho .conteiner {
        position: fixed!important;
        background:white;
        display:block!important;
    }
    
    .conteiner-principal .secao-banners {
        padding-top: 270px!important;
    }
    div#cabecalho.fixed {
        display: block;
    }
    
    #cabecalho.fixed:before {
        border-bottom-color: inherit;
        background-color: inherit;
        pointer-events: inherit;
    }
    #cabecalho.fixed .menu-handler {
        color: var(--principal,#555);
    }
    #cabecalho.fixed>.conteiner .main-header .conteudo-topo .actions-menu .menu-carrinho .carrinho>a .qtd-carrinho {
        color: white;
        background: var(--principal,#555);
    }
    
}
8

não sei se fiz algo errado, mais não fez nada no site, ficou como esta o original.

9

onde vc colocou o css?

pq nao achei no final do inserir.

image
image966×702 39.6 KB

10

eu havia removido antes de ir almoçar, coloquei de novo para ver se funciona agora
ei @Leonardo_Vicentini_F funcionou porém apenas no mobile, consegue por pra qualquer dispositivo?

11

fiz somente para o mobile, estou sem tempo agora para ver para o PC, talvez alguém apareça para ajudar.

12

Vlw de qualquer forma, consegui fazer, porém no meio da tela quando estou rolando pra baixo ele buga e some. mais tranquilo Vlw pela ajuda assim mesmo.

13

ok! esse codigo quando rolamos a barra de rolagem no celular os banner e produtos passam em cima do logo, deveria passar atras

14

se fazer um teste em qualquer celular ficara mais claro minha observação