Suporte » Desenvolvendo com WordPress » Criar um menu/header sticky

  • Estou trabalhando um site com Elementor free + tema Hello Elementor. Criei header/menu e gostaria de usar com o efeito sticky.

    Criei o sticky apenas com css e também fiz um teste com plugins, mas em todos os casos o efeito é o mesmo. O menu fica por cima de parte das seções do site. Seu coloco a margem superior da seção proporcional a altura no header, as seções ficam com muito espaço entre os conteúdos.

    Então preciso corrigir isso, de preferência que o o menu sticky fique com a altura reduzida quando rolar a tela. Alguma sugestão? Preferencialmente eu gostaria de fazer isso apenas com uso de CSS e JS, pois acho mais limpo do que usar plugins.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Moderador Felipe Santos

    (@felipeloureirosantos)

    Olá, tudo bem?

    Você já verificou o z-index do elemento? Tente alterar para um valor maior e deve resolver o problema de sobreposição.

    Para diminuir o tamanho quando scrolling, você pode dar uma olhada aqui (em inglês): https://www.w3schools.com/howto/howto_js_shrink_header_scroll.asp

    Basicamente é usar JS para fazer as alterações quando estiver em outra posição da tela, neste caso.

    Moderador Felipe Santos

    (@felipeloureirosantos)

    Adicionalmente, você pode compartilhar o link do site se quiser e posso ajudar com isso.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Você deve estar conectado para responder a este tópico.