Como criar efeito Transparente Sticky Header no WordPress com Elementor

Veremos como criar um efeito de cabeçalho transparente e fixo usando a nova classe CSS do Elementor.

selector.elementor-sticky--effects{
   background-color: rgb(0 0 0 / 50%)!important;
}

selector{
   transition: background-color 4s ease !important;
}

selector.elementor-sticky--effects >.elementor-container{
   min-height: 80px;
}

selector > .elementor-container{
   transition: min-height 1s ease !important;
}