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