0

Tenho um menu feito exclusivamente com css e html. Ao clicar no botão ele abre o menu, mas se eu solto o botão ele desaparece, para manter o menu aberto eu preciso ficar segurando o botão do mouse. Queria opiniões de como posso corrigir isso, apenas clicar uma vez e abrir o menu e continuar aberto e se eu movimentar o ponteiro do mouse para a navbar ele desaparece normalmente.

Detalhes no site codepen: https://codepen.io/flashpremium/pen/zzYKBR

1 Resposta 1

1

Tenta trocar o :active por :hover. Testei no codepen na linha 63 do teu css

.top-menu > li:hover .megadrop {

Não sei se é esse o resultado que você esperava.

Espero ter ajudado :)

5
  • Obrigado pela dica, mas já havia tentado desta forma, só que pretendo abrir o menu somente após o clique no botão.
    – the flash
    Commented 2/06/2017 às 23:07
  • Você quer então um menu desse jeito? w3schools.com/howto/… Commented 2/06/2017 às 23:12
  • Sim, exatamente desse jeito.
    – the flash
    Commented 3/06/2017 às 1:36
  • Você pode usar javascript? No exemplo que te passei precisa de javascript para ativar o menu. Ainda precisa de ajuda pra adaptar teu código ao exemplo? Commented 3/06/2017 às 13:08
  • Obrigado pela dica, vou utilizar o exemplo acima para adaptar no menu.
    – the flash
    Commented 3/06/2017 às 14:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .