.header sticky effects

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

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

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

selector{
    transition: 0.5s;
}

הקוד הזה משנה את צבע הרקע לשחור!
וגם משנה את גובה האלמנט למינימום 80px, כמובן שאם יהיה בתוך ההדר אלמנט יותר גבוהה הוא לא ישבור אותו אבל גם לא ישנה את גובהה ההדר, אז אם יש לכם כזה פשוט תקטינו אותו...

הקוד גם יהיה באפקט שינוי של חצי שנייה למעבר חלק ונעים בין השינויי צבע או שינוי גודל האלמנטים!

במידה ויש לכם תמונה (כגון לוגו) תוכלו לתת לו קלאס (class) "img" ולהכניס את הקוד הבא:

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

במידה ויש לכם icon מתוך הסיפרייה של אלמנטור או אלמנט html אייקון (i)(כגון לוגו, תפריט) תוכלו לתת לו קלאס (class) "icon" ולהכניס את הקוד הבא (לקונטיינר הראשי כמובן!):

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

במידה ויש לכם icon שהוא קובץ svg שהעלתם והכנסתם לתוך ווידג'ט אייקון של אלמנטור, תוכלו לתת לו קלאס (class) "svg" ולהכניס את הקוד הבא:

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

עכשיו שכבר הבנו איך לתפוס את האירוע שינוי הדביק של אלמנטור יש אינספור אופציות שאפשר לעשות...

בהצלחה רבה 😀