קצת רקע

בעבר כשהיינו מגדירים באלמנטור ל"קונטיינר" אפקטי תנועה > דביק,
כשהקונטיינר היה "נדבק" למטה או למעלה אלמנטור היה מוסיף לו את המחלקה (class):

elementor-sticky--active

אז כשהיינו רוצים שיקרו עוד פעולות css על הקונטיינר רק כשהוא נדבק היינו כותבים את המחלקה וכשאלמנטור היה מוסיף אותה הוא היה גם מוסיף את הקוד שלנו!

אבל קרה ואלמנטור עדכנו את הקוד, ככה שהוא לא מוסיף מחלקה –
אלא (כנראה) ברגע שקורה הדביק הוא מפעיל ומחיל את ההגדרות של מחלקה אחרת (שכבר קיימת):

elementor-sticky--effects

כך שמוצג בפניכם הקוד החדש וכל האפשרויות הבסיסיות לתפיסה של המחלקה והפעולות (הבסיסיות) האפשריות,
כמובן שתוסיפו אחר כך כמה שתרצו וזה כאמור רק הבסיס!

כך תוסיפו את האפקטים (css) שלכם להדר דביק

תוכלו לראות את הקוד בפעולה בקישור כאן >

הגדירו בקונטיינר הראשי של ההדר:

בקיזוז האפקט הזינו כל מספר שתרצו העיקר שיראה טוב וישתנה בזמן!
כמובן עם z-index: 100, או כל מספר שתרצו שיותר גדול מהאלמנטים שתחתיו בעמוד!

selector.elementor-sticky--effects {
background-color: black !important;
min-height: 80px !important;
}

selector{
transition: 0.5s;
}

selector.elementor-sticky--effects .img img{
max-height: 60px !important;
}

selector.elementor-sticky--effects .icon i{
font-size: 30px !important;
}

selector.elementor-sticky--effects .svg svg{
max-height: 30px !important;
}