1
resposta

Minha alterações para desktop não está funcionando alguém pode me ajudar?

.cabecalho__container{ display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; } .cabecalho__pesquisar__item{ display: none;

} /* MENU */ .menu__container{ position: fixed; bottom: 0%; height: 74px; width: 100vw;

} .menu__lista{ display: flex; justify-content: space-around; height: 100%;

} .menu__lista li{ align-self: center;

}

.menu__itens { display: flex; flex-direction: column; gap: 5px;

} .menu__lista:nth-child(2), .menu__lista:nth-child(3), .menu__lista:nth-child(4){ display: none; }

.superior__secao__container{ display: flex; align-items: center; white-space: nowrap; overflow: scroll; gap: 15px;}

.rodape__container{ display: flex;

flex-flow: column wrap;

}

@media (min-width: 1000px) { .menu__container { width:239px; } }

@media (min-width: 834px) {
    .menu__container {
        left: 0;
        height: auto;
        width: 74px;
        top: 80px;
    }

    .menu__lista {
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 15px;
        gap: 33px;
    }
}
1 resposta

Bruno,

troque o codigo abaixo

@media (min-width: 834px) "max"-width <<<<<<<<<<

oque estiver escrito abaixo do codigo vai ser validado por exemplo:

@media (max-width: 1024px) dimensões padroes para desktop wide. Escreva o codigo CSS

@media (max-width: 768px) dimensões para Tablets. Escreva o codigo CSS

@media (max-width: 320px) <!-- Esse e o tamanho de um celular (tudo aqui dentro tem que ter dimensões para celular Escreva o codigo CSS

toda vez que a tela chegar a essas dimensões ela vai aplicas o código inserido nelas.

Espero ter ajudado!

Caso sim ! Encerre o TOPICO colocando Resolvido.!

Obrigado...