Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Menu hamburguer

Ao abrir o menu hamburguer é possível fazer com que sobreponha o swiper-pagination? ou seria somente com js, aplicando um evento ao clicar?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
solução!

Olá Daniel! Tudo bem?

Para que o menu hamburguer sobreponha o swiper-pagination, é possível utilizar apenas CSS. Você pode definir a propriedade z-index no seu CSS para que o menu hamburguer fique acima do swiper-pagination.

Você pode adicionar um z-index: 9999; na classe lista__menu segue um exemplo de código CSS que pode ser utilizado para isso:

.lista__menu {
    display: none;
    position: absolute;
    top:100%;
    width: 60vw;
    z-index: 9999;
}

Nesse exemplo, o menu hamburguer tem a propriedade z-index definida como 9999, o que faz com que ele fique acima do swiper-pagination.

Espero ter ajudado e bons estudos!

Beleza, muito obrigado Renan.

Opa, por nada, fico feliz em ajudar. Valeu :)