Entrar Ainda não tem acesso?
1
resposta

[Projeto] Na segunda vez que fui usar em site que estou fazendo não consegui ocultar

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Integrando o Carrossel com SwiperJS e atividade Ocultar setas do carrossel

por Wesley schuab Vieira
| 31.1k xp | 4 posts
Desenvolvedor Junior

Html

 <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>

css

.swiper-button-prev,
.swiper-button-next {
    display: none;
}

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

1 resposta
por Estudante
| 568.5k xp | 1338 posts

Oi

Você já está no caminho certo com o código que você mostrou:

.swiper-button-prev,
.swiper-button-next {
    display: none;
}

Mas é importante garantir que esse código esteja dentro de uma media query que defina o estilo apenas para a versão mobile. Por exemplo:

@media (max-width: 600px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
}

As setas de navegação serão ocultadas apenas quando a largura da tela for igual ou inferior a 600 pixels. Você pode ajustar esse valor de acordo com as necessidades do seu projeto.