תזמון הופעת Sticky header בעמוד מסויים – אוורסט

שלום רב,

אפשר קישור לאתר?

יש לך את הדיב הזה: <div class="sticky-header-running"></div> בקובץ header.php. כאשר הגלילה מגיעה אליו, ה-Sticky Header נכנס לפעולה.

לכן כדי לפתור את הבעיה הזו יש פשוט להגדיר לדיב כנ"ל גובה מסוים בו הוא יתחיל לעבוד.

תפתח את הקובץ header.php אתה תראה שם את הדיב הבא: <div class="sticky-header-running"></div> ברגע שהמסך מגיע אליו אז מתחיל לרוץ ה JS שמציג את הסטיקי הידר

הכי פשוט לסדר את זה באמצעות CSS לדוגמא:

@media (max-width:768px) {
.sticky-header-running {position: absolute; top: 120px;}
}

כמובן שבערך של Top תגדיר את הגובה ממנו אתה רוצה שהוא יתחיל

במידה ואתה רוצה לשנות את זה נניח רק בעמוד מסויים, לצורך העניין רק בעמוד בית, אז תכתוב ככה:

@media (max-width:768px) {
.home .sticky-header-running {position: absolute; top: 120px;}
}

ערכתי שוב את ה CSS למסכי דסקטופ