CSS תפריט המבורגר בטאבלט

[macro]

אתר זה:
https://chocolatina.co.il/
אני עורכת לו עכשיו התאמה למוביל
ואני רוצה שתפריט המבורגר במובייל
כעת זה תפריט פתוח
ואני לא מוצאת מקום להגדיר את זה בתבנית
כנראה צריך קוד.
אשמח לעזרת המומחים.

 

[אלעזר 1]

עדיין?
בדקתי בדסקטופ עם ריסייז למובייל וזה נראה ככה

 

[macro]

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

 

[אלעזר 1]

צריך להגדיר נקודת שבירה לטאבלט ב-css

 

[srp]

אתר זה:
https://chocolatina.co.il/
אני עורכת לו עכשיו התאמה למוביל
ואני רוצה שתפריט המבורגר במובייל
כעת זה תפריט פתוח
ואני לא מוצאת מקום להגדיר את זה בתבנית
כנראה צריך קוד.
אשמח לעזרת המומחים.

את לא עובדת עם אלמטור?

 

[macro]

השתמשתי באלמנטור.
אבל עיצוב ההדר הוא של התבנית.

 

[אלעזר 1]

התבנית מוגדרת כאן לשבירה ב-

@media (min-width:600px) and (max-width:767px)

אולי צריך להגדיל את זה, או להוסיף כלל שונה לרוחב שבין 767px עד רוחב מסך מחשב צר

בכל אופן, כרגע מעבר ל-767px התפריט גולש אל מתחת ללוגו

נ.ב. אני חושב שהכותרת של הנושא צריכה להיות 'media query', זה יקל על מי שירצה לעזור.

 

[macro]

הכנסתי קוד css
אבל אני בשום אופן לא מצליחה לסגור את התפריט שלא יהיה פתוח ושהרקע של ההדר יהיה חום.
בבדוק מרכיב אני משנה את הmin-width-ל 992 בקוד הזה וזה עובד:
אבל כשאני שותלת את הקוד באתר אין שינוי.
איפה הטעות שלי?

@media (min-width: 992px)
   {#header>.container, .sticky-header>.container {
    width: 100% !important;
    max-width: 100% !important;
       }}

@media (min-width: 992px)
{.navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
   }}

 

[macro]

כפילות

 

[macro]

אשמח לעזרתכם