תגיות: Responsive, Toscana
-
מאתתגובות
-
22/04/2016 בשעה 10:42 #53399
נוצרה לי בעיה עם התפריט במובייל.
בניתי דף נחיתה עם תפריט של עוגנים, ובמובייל התפריט לא נסגר אחרי לחיצה על הקישורים שבתפריט. כלומר, התפריט נשאר פתוח ומסתיר את הדף.
בלית ברירה, החלטתי להסיר את התפריט כליל ממובייל, אבל שום דבר לא עזר ותמיד הוא נשאר במקומו (לפעמים הוא דווקא כן נעלם לכמה זמן, ואחרי כמה ריפרושים חזר להופיע). העדפתי שלא לכתוב קוד על מנת להסיר אותו, כדי שללקוחה שלי יהיה קל יותר לשלוט בזה, אבל זה פשוט לא עבד. נטרלתי אותו גם ב'תפריטים' וגם בהגדרות מתקדמות של העמוד עצמו. אפילו גם בהתאמה אישית בהידר –>'הידר דביק מובייל'. כלום לא עזר.
אז פניתי לקוד וגם שם זה לא היה פשוט. כל מה שניסיתי לא עזר וממש התחרפנתי. בסוף בסוף הצלחתי לפתור את זה עם הקוד הזה:@media (max-width: 767px){ .visible-xs{ display: none; } #header .container .logo { display: none; } }
אבל אני חושש שזה לא היה נכון להתעסק עם visible-xs, והיה עדיף לכתוב קוד אחר.
אז כמה שאלות:
- מה הקוד הנכון כדי להסיר את התפריט ממובייל?
- למה במובייל התפריט לא נסגר אחרי לחיצה על הקישורים, ואיך אפשר לתקן את זה?
- הגדלתי את הפונט של התפריט ואת גובה השורה בצורה רצינית (כך הוא נראה טוב בדסקטופ), לכן במובייל זה היה ענק ומגעיל. איך הכי נכון להקטין את הפונט וגובה השורה במובייל?
- לא ברור לי למה שינויים שעשיתי (גם קוד, אבל נדמה לי שגם שינויים בממשק התבנית) עבדו לכמה זמן ופתאום נעלמו. יכול להיות שזה קשור לקאש? לא השתמשתי בתוסף קאש.
אני משתמש בתבנית טוסקנה, והיא די ייחודית בגלל שההידר בצד. אולי זה גם משפיע במשהו על הסיפור.
תודה מראש וחג שמח!
24/04/2016 בשעה 09:32 #53406חג שמח,
לפני הכל, כדי שנוכל להבין בדיוק מה הבעיה, הייתי מציע שתנטרל את כל ה-CSS שהוספת כדי שנוכל לראות מה קורה שם.
1. בעקרון, במידה וחייבים, זאת דרך נכונה להסתיר את התפריט.
2. אני לא יודע מה קרה שם. בגלל זה אשמח אם תוכל להחזיר את זה למצב ההתחלתי.
3. במצב רגיל, לא אמורה להיות השפעה אחד על השני. איפה עשית את השינויים האלה? בעיצוב > התאמה אישית? או ב-CSS?
4. זה יכול להיות קשור לקאש. ניסית לבדוק מדפדפן אחר/INCOGNITO?24/04/2016 בשעה 12:04 #53416הי,
כרגע אנל'א יכול להחזיר למצב ההתחלתי, מאחר ומדובר על דף נחיתה למכירת כרטיסים להופעה, ובדיוק אתמול הלקוחה פרסמה אותו ועכשיו בדיוק נכנסים לקוחות ומזמינים דרכו כרטיסים.
אז בחזרה לשאלות שלי, מחפש תשובות עקרוניות:- איך אני אמור להסתיר את תפריט המובייל, דרך התבנית עצמה? כלומר, בלי קוד..
- גם בקוד, אני משוכנע שיש איזשהו קוד קבוע שכותבים על מנת להסיר את התפריט. הסתרה של קלאס מסויים וכדו'. אשמח לדעת מה הקוד.
- כמו שכתבתי, כרגע אני לא יכול להחזיר לקדמותו. אבל אני מבין שאין קשר לזה שמדובר על תפריט עוגנים. שהתפריט היה אמור לעבוד טוב בכל מקרה. נכון?
- שיניתי בהתאמה אישית. אבל אולי באמת לא היתה השפעה, וכך היה אמור להיראות התפריט במובייל. פשוט בגלל שהוא לא עבד טוב, חששתי שזה קשור לזה שהוא גדול מידי וכדו'
- כן, בדקתי עם דפדפנים אחרים. טוב, לא יודע.. בטח אין לך דרך לענות לי…
הנה כל הקוד שהוספתי לcss של תבנית הבת:
.band .textwidget p{ font-size: 15px; margin-right: 15px; } .band-title h3{ margin-right: 15px; line-height: 1em; margin-top: 80px; } .ma-mu-mi{ text-align: justify; } .pojo-google-map-wrap{ border: 2px solid #E0E0AA; } #footer #copyright .box-top-border { border-top: 2px solid; } @media (max-width: 767px){ .visible-xs{ display: none; } #header .container .logo { display: none; } }
ואגב, נדמה לי שגם ב"#footer #copyright .box-top-border" עשיתי משהו לא נכון, כי כולו רציתי לשנות את עובי הבורדר, וזה דפק גם את השליטה על הצבעים של הטקסט בקרדיט.
תודה רבה25/04/2016 בשעה 09:48 #534351. בעקרון ניתן לעשות עמוד בלאנק – ללא הידר וללא פוטר. אך אם יש תפריט באתר הדסקטופ – אין דרך מובנית להסתיר את זה רק במובייל.
2. לצערי, אין לי איזה קוד מוכן להציע בנושא, אבל יכולת לעשות display:none רק לאלמנט של התפריט.
3. כמובן שהתפריט אמור לעבוד טוב בכל מקרה. בין אם הוא תפריט עוגנים ובין אם הוא תפריט רגיל.
4. על פניו, נראה לי שה-BAND TITLE H3 יכול ליצור את הבעיה בגלל ה-80px שנתת margin-top – במובייל זה המון.26/04/2016 בשעה 12:51 #53511"יכולת לעשות display:none רק לאלמנט של התפריט"
הרי זה בדיוק מה ששאלתי.
ניסיתי לעשות display:none לאלמנט של התפריט/לוגו/כל ההידר, ולא מצאתי משהו שעובד באופן עקבי. יכול להיות שהייתי צריך להשתמש ב!important ופספסתי?
אני לא יכול לעשות עכשיו ניסויים, אבל בכל מקרה אשמח ללמוד מכם לאיזה אלמנט הכי נכון לעשות display:none. שוב, הכוונה להסתיר את התפריט של מובייל.נראה לי שה-BAND TITLE H3 יכול ליצור את הבעיה בגלל ה-80px שנתת margin-top – במובייל זה המון.
צודק. אמנע מהמרג'ין להופיע במובייל. אבל בכל מקרה זה לא קשור לבעיה שציינתי.ברגע ששיניתי את רק את העובי של הבורדר של הקרדיט, אי אפשר יותר לשלוט על הצבע של הבורדר דרך התאמה אישית. נאלצתי לשנות בקוד עם important.
27/04/2016 בשעה 15:57 #53545זה מה שהייתי נותן כאן:
button.navbar-toggle {display: none!important;}
אולי לא הכי אלגנטי, אבל עושה את העבודה.לגבי הבורדר של הקרדיט – זה הסתדר?
-
מאתתגובות
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.