תבנית Leader. נקודת שבירה למובייל

האם אתה רוצה לייחס את הנקודת שבירה רק לתפריט או כללית לכל האתר?

בעיקרון אנחנו מבוססי Bootstrap וכברירת מחדל 768 זו הנקודת שבירה למובייל. אפשר עם קצת CSS להגדיר את זה בצורה שונה

לצערי זה מורכב ממה שחשבתי וזה מצריך הרבה כתיבת קוד כדי להגיע לזה :\

זה לא רק להציג את התפריט סגור, זה גם להגדיר את כל ההידר שיופיע בצורה הנכונה בגודל המתאים:
– להסתיר את התפריט הרגיל
– להציג את הלוגו מובייל
– לסדר את התצוגה של רקע הבר כותרת בהתאם
– ויש עוד כמה דברים כדי לסדר את זה

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

אוקי, יכול להביא לנו פה פרטי גישה זמניים בהודעה פרטית אל לוח הבקרה שלך?

הוספתי לך את הקוד הבא אל > התאמה אישית > Live CSS ונראה שזה עובד אחלה:

@media(max-width:800px)  {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse {
        overflow-x: visible !important;
    }
    .navbar-collapse.in {
      overflow-y: auto !important;
    }
    .collapse.in {
      display: block !important;
    }
}

אם אתה עובד על תבנית בת משלך אז אתה מוזמן להעביר את הקוד לקובץ CSS של התבנית.

אגב, אתר מהמם! אשמח אם תוכל לשלוח לנו אותו לפורטפוליו: pojo.co.il/submit-pojo-site/