Elementor שאלות לגבי הדר

[מפרש]

שלום,
אשמח למענה-
מצורף תמונה ובה נראה ההדר משובש,
אך במצב טאבלט ומובייל הוא תקין, רק במצב ביניים הוא כך (בין דסקופ לטאבלט) (תמונה 1)
מה עושים?

ושאלה נוספת לגבי תפריט המבורגר-
נראה תקין את שאני פותחת את התפריט הרשימה נעלמת ולא רואים אותה, כאילו נעלם מתחת לאזור (תמונה 2)

 

[ברכי H]

שלום,
אשמח למענה-
מצורף תמונה ובה נראה ההדר משובש,
אך במצב טאבלט ומובייל הוא תקין, רק במצב ביניים הוא כך (בין דסקופ לטאבלט) (תמונה 1)
מה עושים?

ושאלה נוספת לגבי תפריט המבורגר-
נראה תקין את שאני פותחת את התפריט הרשימה נעלמת ולא רואים אותה, כאילו נעלם מתחת לאזור (תמונה 2)

צפה בקובץ המצורף 800570צפה בקובץ המצורף 800568

בקשר להמבורגר שלא נפתח, תבדקי שלא עשית להדר בגלישה- מוסתר, אלא ברירת מחדל.

 

[Tamar G]

בקשר לרספונסיביות בגדלים השונים ניתן להכניס להידר בcss מותאם.
ולהכניס את הקוד הבא:

@media only screen and (max-width: 1200px)(min-width: 600px)
{
הקטנת הריווח בין אלמנטים//
margin: 3px;
}

בקשר להמבורגר,
כנראה שהאלמנט המסתיר הוא בעל z-index יותר מהתפריט.
צריך לתת לתפריט z-index 100 שבכל מקרה יופיע על גבי האלמנטים האחרים באתר.

 

[מפרש]

קשר להמבורגר שלא נפתח, תבדקי שלא עשית להדר בגלישה- מוסתר, אלא ברירת מחדל.

תודה רבה!
הסתדר

בקשר להמבורגר,
כנראה שהאלמנט המסתיר הוא בעל z-index יותר מהתפריט.
צריך לתת לתפריט z-index 100 שבכל מקרה יופיע על גבי האלמנטים האחרים באתר.

תודה רבה!
זה ניסתי לפני זה ולא היה הבעיה,

בקשר לרספונסיביות בגדלים השונים ניתן להכניס להידר בcss מותאם.

אין לי נסיון בזה, להעתיק איך שזה-
ניסיתי, זה מה שקורא-
מה לא עשיתי טוב?

 

[Tamar G]

צריך לבדוק בין אילו גדלים מופיעה הבעיה,
ולשים אותם במקסימום ובמינימום.

 

[עכביש]

בקשר לרספונסיביות בגדלים השונים ניתן להכניס להידר בcss מותאם.
ולהכניס את הקוד הבא:

@media only screen and (max-width: 1200px)(min-width: 600px)
{
הקטנת הריווח בין אלמנטים//
margin: 3px;
}

לא הכנסת סלקטור
ובכלל, צריך להקטין את ה padding ולא את ה margin
ועוד קצת.

 

[מפרש]

צריך לבדוק בין אילו גדלים מופיעה הבעיה,

לא הכנסת סלקטור

תודה!
איך אני בודקת, יש מדריך בנושא?
לא מכירה קוד

 

[עכביש]

תודה!
איך אני בודקת, יש מדריך בנושא?
לא מכירה קוד

תכניסי את זה:
לא התעמקתי הרבה, אבל זה יפתור לך

@media (max-width: 1255px) and (min-width:1025px){
    
.elementor-26 .elementor-element.elementor-element-a1bc91c .elementor-nav-menu--main .elementor-item {
padding-left: 12px;
padding-right: 12px;
}
    
.elementor-section--handles-inside .elementor-element-16de4ea .elementor-element-populated {
left: 70%;
}

.elementor-section--handles-inside .elementor-element-e0b34bb .elementor-element-populated {
left: 10%;
}
}

 

[מפרש]

תכניסי את זה:
לא התעמקתי הרבה, אבל זה יפתור לך

תודה רבה! משתהה מהנדיבות והעזרה
מצוין!