-
תגובות
-
היי 🙂
עמוד הבלוג הראשי מסרב להיות רספונסיבי ולעבור התאמה לנייד (בדקתי בכמה מכשירים).
חשדתי באחד התוספים שהתקנתי אבל כיבוי שלו לא שינה משהו.
מה שמוזר שבינתיים זהיתי את זה רק בעמוד הזה, שאר האתר עובד בסדר.ניסיתי לשנות ב-Live CSS מעט את הערכים (בין 650-700) אבל לא ראיתי שינוי במצב:
#page-header .title-primary {display: none;}
#main > article {max-width: 680px;
margin: auto;}#primary #content #main #list-items {
width: 680px; margin: auto}אגב מה שמשפיע על רוחב הטקסט הנראה הוא זה הקוד העליון, על משפיע התחתון?
תודה!
הי,
קודם כל, תנסה לנטרל את כל ה-CSS שהוספת.ה-CSS ששמתי זה קוד שקיבלתם ממכם כדי לסדר את רוחב הטקסט באתר 🙂
(תבניות פוג'ו לא מאפשרות כרגע לקסטם רוחב טקסט נוח לקריאה ונכון מבחינת חווית המשתמש ללא שימוש ב-CSS)אגב אם הקוד היה בעייתי זה היה נכון לכל העמודים והפוסטים באתר לא?
אתה יכול לשלוח פרטי גישה לאתר?
תגובה זו סומנה כפרטית.לפני שאני בודק, בבקשה תעשה עדכונים לתבנית ולתוספים שלנו.
זה מה שיוצר לך את הבעיה:
#primary #content #main #list-items { width: 680px; margin: auto}תנסה לנטרל את זה ותראה
בודק
אוקי זה הקוד שקיבלתי מנעה בזמנו כדי להחיל את רוחב הטקסט על עמודים (ולא רק פוסטים)
אתה יכול לראות בשרשור הקודם , הודעה שנייה מלמעלה.אני מבין, אך עדיין – זה גורם לך לבעיה הזאת.
תנסה אולי לשנות את זה לכזה דבר:@media screen and (min-width: 680px) { #primary #content #main #list-items { width: 680px; margin: auto; } }שמתי את הקוד שכתבת, עכשיו שום דבר לא נראה ברוחב המתאים,
אתה יכול להציץ באתר הקוד פעיל.למה לא פעיל? נראה לי בסדר (במובייל ובדסקטופ):
בכל אופן, אפשר ללכת צעד אחורה.
קודם כל, נטרל את הקוד שנועה הביאה לך – זה יוצר את הבעיה.
ועכשיו תסביר לי מה הייתה הבעיה שבעקבותיה נועה הציעה לך את הקוד הזה וננסה לפתור אותה.התכוונתי ששאר העמוודים למעט חוץ מהעמוד שהיה בעייתי לא נראים טוב 🙂
הטקסט גם בעמודים וגם בפוסטים הוא רחב מידי עם שוליים צרים מידי.כמו שאמרתי, התוספת CSS הזאת יוצרת את הבעיה.
אז בוא נתחיל בזה שתמחק אותה כדי שזה יעבוד כמו במקור.אחרי שתמחק אותה, אני אוכל לנסות למצוא פתרון לבעיה הראשונה שהייתה לך
אוקי מחקתי.
מעולה.
עכשיו, מה בעצם הייתה הבעיה המקורית ואיפה אני יכול לראות אותה?כמו שכתבתי קודם,
בברירת המחדל רוחב הטקסט והפוסטים רחב מידי והשוליים צרים מידי, כך שזה פוגע בנוחות הקריאה והמראה הכללי.אתה יכול לנסות להוסיף ל-CSS משהו כדוגמת זה:
@media (min-width: 992px) .col-md-9 { padding-right: 50px; padding-left: 50px; }מה שזה עושה זה דוחף טיפה את התוכן פנימה ומגדיל את השוליים.
בנוסף, אשמח לראות את הדיון שלך עם נועה ואת השתלשלות הדברים.
תודה בועז, אני לא רואה שלקוד הזה יש השפעה כלשהי על פריסת התוכן.
קישור לדיון הקודם רשמת כבר למעלה.
(לא נעים לי לציין, אבל אני מרגיש שאני קצת חוזר על עצמי בכל הודעה)
ה-CSS ששלחתי לך הוא לא תורה מסיני,
אלא כיוון לדרך שבה אתה יכול לסדר את זה.הוספתי שם עכשיו ערכים קיצוניים יותר.
ככה אני רואה את זה:
הוספת גם עוד שורת קוד…
בכל מקרה תודה, זה נראה יותר טוב עכשיו.
מצד שני
1. הקוד לא משפיע על עמוד הבלוג הראשי (שבגינו התחלנו את השרשור) והוא ברוחב מלא.
2. אין הסתרה של כפל הכותרות בעמוד (זאת שמופיעה מתחת לתפריט בנוסף ל-H1) כמו שסיפק הקוד הקודם.בקוד שאמרתי לך למחוק לא הייתה התייחסות לכותרות.
איזה מהכותרות אתה רוצה למחוק? את העליונה או התחתונה?אתה יכול להוסיף גם את זה, עבור עמוד הבלוג:
@media (min-width: 992px){ .col-md-12 { padding-right: 50px; padding-left: 50px; }תודה, שיחקתי קצת עם המספרים וזה נראה טוב 🙂
מעוניין למחוק את העליונה (עם הרקע הכחול).
אגב אני רואה שלכל סוג אלמנט (עמוד, פוסט, בלוג) אתה עושה שימוש ב-col-md אחר,
השורטקוד הזה זה מה שמתייחס לכל סוג אלמנט?
אם נניח ארצה שדווקא עמוד ספציפי (למשל עמוד נחיתה) יהיה בגודל אחר משאר האתר,
מה דרך לעשות את זה?תגובה זו סומנה כפרטית.זה לא שורטקוד, אלא ה-CLASS של הפריסות השונות.
לגבי הדף נחיתה – הוספת קוד נוסף למעט מה ששלחתי לך?
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.