התאמת אתר לניידים – בריחת אלמנטים

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

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

1. יש לגשת לחלונית הניווט בלחיצה על הכפתור בתחתית חלון העריכה הראשי
2. לעבור על כל האזורים בדף, ללחוץ על עריכת האיזור
3. במצב פריסה יש לגשת לתפריט הגלישה ולשנות למוסתר
4. בדרך כלל הסתרת הגלישה פותרת את בעיית בריחת האלמנטים אך לעיתים הדבר לא מסתייע
5. לכן, אצרף כאן קוד CSS שמונע את תזוזת האלמנטים אל מחוץ לשוליים
6. יש לצאת ללוח הבקרה וללחוץ על עיצוב > התאמה אישית > CSS מותאם ולהדביק את הקוד הבא:

html, body{overflow-x:hidden;}