הדר משתנה בגלילה באמצעות אלמנטור + אלמנטור פרו

בפוסט וידאו זה נלמד כיצד ליצור הדר משתנה בגלילה, באמצעות אלמנטור + אלמנטור פרו.
כמו כן, נצלול טיפה יותר לעומק בכל הקשור להתאמה למובייל ונלמד כיצד להשתמש בקוד על מנת להכיל אפקטים מסויימים לפי גודל המסך בו צופים באתר.
כדי ליצור את ההאדר, תצטרכו 2 תוספים: אלמנטור ואלמנטור פרו.
אם עדיין לא רכשתם אלמנטור פרו, תוכלו לעשות זאת מהקישור הנ"ל (זהו קישור אפילייט, מה שאומר שכאשר אתם רוכשים דרכו, אני מרוויח כמה שקלים): https://be.elementor.com/visit/?bta=8704&nci=5383
התבנית בה השתמשתי היא hello ועיצוב העמוד הוא מערכת נושא בשם Dog Grooming אותה הורדתי בחינם באמצעות התוסף Envato Elements.

זה הקוד אשר עשיתי בו שימוש בסרטון:

@media (min-width: 768px) {
selector{
transition: all 1s ease !important;
opacity : 0; 
height: 0;
}
selector.elementor-sticky--effects{
background-color: #fff !important;
opacity: 1;
height: auto;
}
}
/**RESIZE LOGO IMG **/

selector .logo img {
transition: all 0.5s ease;
}
selector.elementor-sticky--effects .logo img {
max-width: 60%;
margin: auto;
}