Buat Sticky Header dan ubah color semasa scroll pada WordPress Elementor Pro

.Edit Section > Style > Background > Color None

• Edit Section > Advanced > Advanced > CSS Classes ( letak nama class “stickydivheader”)

• Edit Section > Advanced > Motion Effect. Ubah Sticky > Top . Ubah Offset( ketinggian semasa sticky ) kalau 0 paling atas sekali. Ubah Effect Offset . Kalau 0 terus berubah jadi sticky bila scroll

Edit Section > Advanced > Custom CSS.

.stickydivheader  {
background-color: #6fff4647;/* Background color not sticky */
transition: background-color .4s ease;
}

.elementor-sticky--effects.stickydivheader  {
background-color:  #d4ffe5cf; /* Background color when sticky */
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29); /* remove if you don't want a box shadow on the sticky header */
}

.elementor-sticky--effects.stickydivheader  a {
color: #000!important; /* Change this to the color of the links when sticky is active */
}