Elementor קוד לביטול גלילה רוחבית לעמוד כתוצאה מאוביקט עם מיקום מוחלט?

[י ע ל]

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

אני צריכה קוד - שאני שמה לכל העמוד!
והוא יגדיר שכל אלמנט שגולש מגבולות העמוד ברוחב - יחתך , לא יעלם!
יש לי כרגע את הקוד הזה:
selector{
overflow: hidden;
}

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


אשמח ממש ממש לעזר המומחים
עזרה ענקית!
האתר צריך לעלות היום לאוויר

 

[אוריתפ]

בטח כבר חשבת על זה,
אבל למה לא להפוך אותו ל background-image לסקשן שאת רוצה במקום להציג אותו בתור אלמנט בפני עצמו?

 

[מנוי פרימיום]

אכן, עדיף יותר להשתמש בו כתמונת רקע לעמוד עם הגדרת כיסוי: מילוי

 

[roni ravitz]

הסתרת בר גלילה לרוחב

הנה קוד פשוט שיסתיר את בר הגלילה לרוחב בכל האתר. html, body { overflow-x: hidden; }

easypress.co.il

 

[מנוי פרימיום]

הסתרת בר גלילה לרוחב

הנה קוד פשוט שיסתיר את בר הגלילה לרוחב בכל האתר. html, body { overflow-x: hidden; }

easypress.co.il

לשם מה לכם הצורך בבית חולים מתחת לגשר?
זה פוגע בקידום של האתר - מוצגת התראה של גוגל ב-console "רוחב התוכן גדול מרוחב המסך"

 

[י ע ל]

בטח כבר חשבת על זה,
אבל למה לא להפוך אותו ל background-image לסקשן שאת רוצה במקום להציג אותו בתור אלמנט בפני עצמו?

אכן, עדיף יותר להשתמש בו כתמונת רקע לעמוד עם הגדרת כיסוי: מילוי

אין אפשרות
זה קובץ לוטי שמצטייר בגלילה
יש אופציה לשים אותו כרקע?
זה לא לאורך כל האתר רק 2- סקשניים ראשונים

 

[מנוי פרימיום]

בחיפוש גוגל אני מוצא הדרכות ביוטיוב:

How to use a Lottie animation as a background in WordPress

Banish boring backgrounds! Here’s how to add motion to your WordPress site by using an animated background. It’s easy with the LottieFiles for WordPress plug...

www.youtube.com

Lottie Animations As Backgrounds for Websites

Lottie animations can be used as backgrounds for websites, use them as animated banners and headers of your website. Have text and a call to action overlaid ...

www.youtube.com

Lottie Animation Backgrounds for Elementor

Add awesome looking Lottie Animations to your columns and let them attract your users attention. You can also control the animation position. Grab your licen...

www.youtube.com

עדיין לא פתוח בנטפרי

 

[י ע ל]

הסתרת בר גלילה לרוחב

הנה קוד פשוט שיסתיר את בר הגלילה לרוחב בכל האתר. html, body { overflow-x: hidden; }

easypress.co.il

עובד מעולה

לשם מה לכם הצורך בבית חולים מתחת לגשר?
זה פוגע בקידום של האתר - מוצגת התראה של גוגל ב-console "רוחב התוכן גדול מרוחב המסך"

זה באמת הורס בקידום?
אז מה עושים?

 

[י ע ל]

בחיפוש גוגל אני מוצא הדרכות ביוטיוב:

How to use a Lottie animation as a background in WordPress

Banish boring backgrounds! Here’s how to add motion to your WordPress site by using an animated background. It’s easy with the LottieFiles for WordPress plug...

www.youtube.com

Lottie Animations As Backgrounds for Websites

Lottie animations can be used as backgrounds for websites, use them as animated banners and headers of your website. Have text and a call to action overlaid ...

www.youtube.com

Lottie Animation Backgrounds for Elementor

Add awesome looking Lottie Animations to your columns and let them attract your users attention. You can also control the animation position. Grab your licen...

www.youtube.com

עדיין לא פתוח בנטפרי

אני בנטפרי
תודה בכל אופן

 

[מנוי פרימיום]

אני בנטפרי
תודה בכל אופן

השלישי נפתח כעת
אך אני רואה שמדובר בתוסף בתשלום

Lottie Backgrounds for Elementor – An Add-on for Elementor

 

[מנוי פרימיום]

עובד מעולה

זה באמת הורס בקידום?
אז מה עושים?

אפשר להגדיר ב-CSS

selector{
    max-width: 100vw !important;
}

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

 

[תמנתי ווב דיזיין]

הקוד לא מדוייק, לכן יש לך בעיות.
עדיף לכתוב
overflow-y: hidden
זה יסתיר גלילה רק לצד