איך לפתור את תקלת "הגלילה הרוחבית" במובייל עם אלמנטור?

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

במאמר הבא אסביר איך לפתור את בעיית הגלילה הרוחבית במובייל בעזרת אלמנטור.

אז דבר ראשון בואו נבין שנייה למה זה בכלל קורה…

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

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

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

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

    חלונית הניווט היא בעצם כמו השכבות (Layers) במגוון תוכנות העיצוב השונות (Photoshop,XD,illustrator…) והיא מאפשרת לכם לנווט בקלות בין מגוון האלמנטים בעמוד שלכם, לשנות, לאחד ולהזיז אותם איך שתרצו וכך לשנות את המבנה בעמוד שלכם בקלות.
  2. שינוי עריכת רספונסיביות:
    אז בשביל לתקן את התקלה ובכלל כדי לסדר את נראות העמוד שלכם במסכים השונים, אלמנטור מאפשר לכם עריכת רספונסיביות קלה ופשוטה דרך הממשק.
    כל מה שעליכם לעשות הוא ללחוץ על כפתור בחירת המסך ולבחור את מסך המובייל שאותו אנחנו מעוניינים לתקן כרגע.
  3. זיהוי איזור התקלה:
    על מנת לזהות באיזה חלק מהעמוד שלכם קיימת התקלה על מה שעליכם לעשות הוא לכבות את הנראות של כל הסקשנים בעמוד ולהדליק אותם אחד אחרי השני על מנת לבדוק באיזה סקשן התקלה קיימת וכך לדעת מה אנחנו צריכים לתקן.
  4. חפשו את האלמנט הבעייתי:
    אז מכיוון שאמרנו שמה שגורם לכך הוא אלמנט כלשהו שחורג מגבולות העמוד, עכשיו עלינו למצוא אותו ולאפס אותו.
    באלמנטור לכל מקטע/עמוד אלמנט יש את האפשרות לקביעת השוליים שלו וזה מחולק לשניים:
    א. שוליים פנימיים – מאפשר ליצור מרווח מהשוליים של האלמנט כלפי פנימה ובעצם יוצר ריווח מכל כיוון שנבחר.
    ב. שוליים חיצוניים – מאפשר ליצור מרווח מהשוליים של האלמנט כלפי חוץ, כלומר מרחיק את האלמנטים הקרובים אליו אך שומר על הגודל המקורי של האלמנט שלנו.
    השוליים החיצוניים יכולים להיות שליליים וזה מה שגורם לתוכן עצמו לגלוש אל מחוץ למסגרת שלו.

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

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

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

    אבל כמובן שתמיד אני ממליץ לבדוק בצורה האמיתית (פשוט רעננו את העמוד במובייל).

ראיתי לאחרונה המון אנשים ששואלים ומעלים את הנושא הזה בקבוצות והרבה פעמים חושבים שזו בעיה שניתן לפתור רק בעזרת קוד.
אז אם אתם נתקלים שוב בתקלה הזו או במישהו שיש לו את התקלה הזאת באחת הקבוצות מוזמנים לשתף את המאמר ולעזור לו בפתרון הבעיה 🙂

"ידע שלא משותף עם העולם הוא ידע לא מועיל."
שתפו עם חברים!

שיתוף ב facebook
Facebook
שיתוף ב linkedin
LinkedIn
שיתוף ב whatsapp
WhatsApp
שיתוף ב email
Email

אהבתם את מה שקראתם?

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

*ובנוסף מקבלים מתנה ממש שווה שתעזור לכם לשווק את העסק כמו אלופים!

מתנות במיוחד בשבילך!

לבחירת מתנה שתיקח את העסק שלך קדימה, יש ללחוץ על אחת מהתמונות 👇🏼

ארגז הכלים למשווק המצליח

מעל 100 כלים דיגיטליים לשיווק כמו מקצוענים!

הרשמו וקבלו את "ארגז הכלים" במתנה!

מלאו את הפרטים בטופס הרשמה לניוזלטר שלי וקבלו ישירות למייל שלכם את "ארגז הכלים למשווק המצליח" לגמרי בחינם!

*אני לא שולח הרבה מיילים אבל כשאני שולח זה ממש שווה!

מסמך איפיון אתר מעוצב!

הגיע הזמן לבנות אתר חדש.

הגיע הזמן להפסיק לדחות משימות.

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

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

*אני לא שולח הרבה מיילים אבל כשאני שולח זה ממש שווה!

מעוניינים לקבל הצעת מחיר?

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