התאמת למובייל באלמנטור (מחשב, טלפון נייד וטאבלט)

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

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

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

בצורה דומה נוכל להגדיר כמעט את כל האזורים השונים שיש באלמנטור ולבצע התאמה הרבה יותר טובה לטאבלט ולמובייל.

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

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