Create Transparent, Sticky Header in Elementor Pro

CSS Code Used

/* THE BELOW CODE WILL CHANGE THE BACKGROUND COLOR AND BOTTOM BORDER. */

selector.elementor-sticky--effects {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e6e6e6 !important;
}

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

/* THE BELOW CODE WILL CHANGE THE HEIGHT OF THE HEADER SECTION. */

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

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