Elementor באג בצדדי האתר כשיש אנימציית סלייד

[אביעד]

שלום, כשאני מוסיפה אנימציה ורטיקלית - בהתאם לגלילה, או אנימציית כניסה שכוללת כניסה מהצד, או אפילו כרטיס מתהפך שמעט ממנו "בולט" הצידה בזמן שהוא מתהפך - ראיתי שנוצר במובייל פס צדדי לבן, והתוכן בעצם נטען במיקום לא נכון, הגולש רואה רק 3/4 מהאתר.
ביטלתי את כל האנימציות הללו באתרים שבניתי... וחבל לי.
מכירים פתרון?

 

[ש.ב.ח.]

תוסיפי שורת css לכל העמוד (בהגדרות שבעמוד העורך באלמנטור יש css מותאם אישית)

selector{
overflow-x: hidden;
}

 

[אביעד]

תוסיפי שורת css לכל העמוד (בהגדרות שבעמוד העורך באלמנטור יש css מותאם אישית)

תודה
בדקתי מיד- אבל לא עובד עדיין. הדבקתי בהגדרות עמוד (גלגל שיניים מימין למטה, ושם במתקדם).
המילה selector נצבעה לי באדום. זה תקין?

 

[ש.ב.ח.]

@אביעד
יכול להיות שבסלקטור הראשי של הדף זה לא רלוונטי,
נסי להשתמש בזה בcss של האזור בו מונח הפריט שזז

אדום זה בסדר גמור.

 

[אביעד]

ניסיתי להפעיל על האיזור
וגם על הוידג'ט...
עדיין לא נפתר.

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

 

[ש.ב.ח.]

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

selector{
    overflow-x: hidden;
}

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

באמת לא ברור למה הם באלמנטור לא טיפלו בזה עדיין...

 

[אביעד]

יש!
בזכות הקוד ששמת מצאתי סוף סוף פתרון בפורום אחר:

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

ונראה שזה עובד.

המון תודה!

 

[ש.ב.ח.]

יש!
בזכות הקוד ששמת מצאתי סוף סוף פתרון בפורום אחר:
html, body {
max-width: 100% !important;
overflow-x: hidden !important;
}
ונראה שזה עובד.

המון תודה!

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

 

[אביעד]

אבל זה לא עבד, לכן חיפשתי משהו דומה

 

[אביעד]

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

selector{
    overflow-x: hidden;
}

באמת לא ברור למה הם באלמנטור לא טיפלו בזה עדיין...

אוה, עכשיו אני רואה שפיספסתי את ההודעה. מיד מנסה.
תודה על הסבלנות!
~~~~
בדקתי וזה לא פותר את הבעיה.
הורדתי את הimportant מהקוד שמצאתי וזה עדיין עובד. אבל אם מחליפים לselector זה לא עובד

 

[3333]

הי תודה רבה עזר מאד מאד גם לי!!!

 

[אביעד]

הי תודה רבה עזר מאד מאד גם לי!!!

מעניין איזה מהפתרונות עבד?
עם selector
או עם html body?

באתר אחד שמתי את הקוד המלוכלך ב3 עמודים והוא פשוט קרס, כלומר ש.ב.ח הזהיר ממשהו חשוב.
באתר אחר שבו הורדתי את הimportant ושמתי רק בעמוד אחד הכל עובד תקין.

 

[3333]

מעניין איזה מהפתרונות עבד?
עם selector
או עם html body?

באתר אחד שמתי את הקוד המלוכלך ב3 עמודים והוא פשוט קרס, כלומר ש.ב.ח הזהיר ממשהו חשוב.
באתר אחר שבו הורדתי את הimportant ושמתי רק בעמוד אחד הכל עובד תקין.

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

 

[3333]

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

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

 

[אביעד]

זה נשמע כמו הפתרון המושלם. תודה!

       html, body {
    max-width: 100% ;
    overflow-x: hidden ;
}

 

[3333]

זה נשמע כמו הפתרון המושלם. תודה!

       html, body {
    max-width: 100% ;
    overflow-x: hidden ;
}

כן אבל במקום שמגיע לכל העמודים ולא בכל עמוד מחדש,

 

[ש.ב.ח.]

כן אבל במקום שמגיע לכל העמודים ולא בכל עמוד מחדש,

אם אתם חושבים שזה הפתרון
כתבו אותו בcss של כל האתר (בתבנית) ואז הוא יופיע בכל העמודים.

לאלו המעוניינים
"selector"
הינו סלקטור של אלמנטור
איפה שנכתוב אותו באלמנטור הוא יתייחס לאלמנט הספציפי הזה
(שימו לב שזה כתוב מתחת לתיבת הcss באלמנטור)
אצלי זה עבד וזה אמור לעבוד גם אצלכם..
נסו למצוא את המוקש...