עיצוב תפריט ניווט באלמנטור והתאמה למובייל

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

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

בהגדרות תוכן של התפריט נוכל לשנות את הדברים הבאים:

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

בהגדרות של סגנון תפריט נוכל לשנות את הדברים הבאים:

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