Categorias sumiram no mobile socorroooooo

MINHAS CATEGORIAS SUMIRAM DO MENU MOBILE COMO PODE VER NESSA FOTO, NO PC CONTINUA NORMAL, MAS NO MOBILE SAIU TUDO. SEGUE A IMAGEM E O LINK DO MEU SITE, ESTOU PRECISANDO DE AJUDAAA

https://deliblon.lojaintegrada.com.br/

#cabecalho div.busca-mobile {

  1. display: inline-block;

}
te respondir nos seus dois posts

2 curtidas

continua não aparecendo :frowning: tem outro código??

@media only screen and (max-width: 767px){

#cabecalho div.busca-mobile {

display: inline-block;

}

}

2 curtidas

Ivan, consegui descobrir apagando os códigos, e o código que causou isso foi quando personalizei a barra de pesquisa, o código é esse.

#cabecalho div.busca-mobile {
display: flex;
}

form#form-buscar {
width: 550px;
}

#cabecalho .busca input {
padding: 5px 10px;
border-radius: 100px !important;
}

#cabecalho .busca .botao-busca {
padding: 0px;
margin: 0px;
border: 0 none transparent;
background-color: transparent;
background-image: none;
align-items: center;
vertical-align: flex-end;
}

sabe algum código pra mudar a barra de pesquisar, deixar a barra de pesquisa igual a essa foto, sem afetar o menu mobile??? pois o código que usei deu erro

WhatsApp Image 2021-03-17 at 17.41.05

certo, mas o menu foi resolvido???

foi sim. muito obrigado!

#cabecalho .busca input {
padding: 10px 5px 10px 15px;
border-radius: 25px;
}
esse codigo vai deixar a busca com os cantos arredondados

#cabecalho .busca .botao-busca {
height: 39px;
top: 0px;
right: 1px;
border-radius: 22px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 51px;
font-size: 18px;
}

muito obrigado, salvou demais!!