Elementor התאמה למסך רחב, איך?

[נקודת מחשבה]

אני כרגע בשלבי סיום של באתר שלי

ראשי - פונטסטי

ראשי

fontasty.co.il

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

 

[ראובן ליבוביץ]

אם עובדים בשוליים עם אחוזים הכל אמור להראות טוב

 

[נקודת מחשבה]

דווקא בשוליים?

 

[דידקטית]

יש אפשרות להתאים גם למסך רחב?

איזה רוחב? (בפיקסלים)

 

[נקודת מחשבה]

לא רוחב ספציפי,
אני צריך שבכל מסך שהוא זה יראה טוב, שהאלמנטים אולי יגדלו לפי המצב..
ראי כאן- https://fontasty.co.il/

 

[ראובן ליבוביץ]

דווקא בשוליים?

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

 

[נקודת מחשבה]

תודה,
אבדוק

 

[דידקטית]

רספונסיביות חלקה
היא אחת האומנויות הכי מורכבות בבניית אתר

(בלי להוסיף אלף נקודות שבירה,
או חלילה לשכפל איזורים)

 

[נקודת מחשבה]

(בלי להוסיף אלף נקודות שבירה,
או חלילה לשכפל איזורים)

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

 

[ראובן ליבוביץ]

רספונסיביות חלקה
היא אחת האומנויות הכי מורכבות בבניית אתר

(בלי להוסיף אלף נקודות שבירה,
או חלילה לשכפל איזורים)

@חגית קרמר לא יכולתי להגדיר את זה יותר טוב!

 

[ראובן ליבוביץ]

קוד

@media only screen(360px){
    
}

שמסמל נקודות שבירה באתר

 

[דידקטית]

אפשר בכלל להוסיף באלמנטור נקודות שבירה?
אצלי יש רק לדסקטופ, טאבלט, מובייל.

לטעמי זה מספיק
אבל:
1. צריך לדעת לבנות מסכים עם רכיבים יחסיים
2. צריך לדעת היטב CSS

 

[נקודת מחשבה]

קוד

@media only screen(360px){
   
}

שמסמל נקודות שבירה באתר

להוסיף לCSS הכללי?
זה יוסיף לי נקודות שבירה?

 

[אלעזר 1]

יש לאלמנטור תכונת בטא להוספת נקודות שבירה:

Additional custom breakpoints | Elementor

Learn everything about Additional custom breakpoints in this article from Elementor's Knowledge Base. Get Elementor tips & more.

elementor.com

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

כך זה נראה בלוח הבקרה >> אלמטור >> הגדרות >> ניסויים:

 

[נקודת מחשבה]

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

Website Responsive Testing Tool

Check your website at different screen resolutions.

responsivetesttool.com

וככה נראה הפוטר באתר שלי במסך 24אינצ

 

[ראובן ליבוביץ]

אז איך באמת ניתן לסדר רספונסיביות למסכים רחבים

לא עבד באחוזים?

 

[נקודת מחשבה]

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

 

[אריאל לוי]

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

Website Responsive Testing Tool

Check your website at different screen resolutions.

responsivetesttool.com

וככה נראה הפוטר באתר שלי במסך 24אינצ
צפה בקובץ המצורף 1047221

ככה נראה אצלי ב24 אינצ'

וככה ב28 אינצ'



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

יש לאלמנטור תכונת בטא להוספת נקודות שבירה:

Additional custom breakpoints | Elementor

Learn everything about Additional custom breakpoints in this article from Elementor's Knowledge Base. Get Elementor tips & more.

elementor.com

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

כך זה נראה בלוח הבקרה >> אלמטור >> הגדרות >> ניסויים:
צפה בקובץ המצורף 1047220

 

[נקודת מחשבה]

ככה נראה אצלי ב24 אינצ'
צפה בקובץ המצורף 1051901
וככה ב28 אינצ'
צפה בקובץ המצורף 1051902


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

תודה!
איך מפעילים את זה?

 

[אלעזר 1]

תודה!
איך מפעילים את זה?

קח בחשבון שאלמנטור ממליצים לא להפעיל תכונות ניסיוניות באתר חי בגלל שייתכנו שגיאות ש'ישברו' את האתר.