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.