תגיות: Buzz, Responsive, מובייל
-
מאתתגובות
-
21/12/2015 בשעה 12:48 #40756
yohai zvuloon
Participantשלום,
ברשימת פוסטים בתצוגת מובייל כאשר אורך התקציר גדול מאורך התמונה אז השורה הבאה מתחילה מתחת לתמונה ממש במקום לצידה
ניתן לראות זאת למשל בפוסט "לצפייה: הרב שמואל טל – "אנו מקבלים באהבה רבה בעלי תשובה" (הפוסט השלישי בעמוד הבית),
איך ניתן לשמור על כך שהטקסט יוצג תמיד לצד התמונה ולא יזלוג תחתיה (כמו שקורה בתצוגת desctop)?תודה.
21/12/2015 בשעה 12:51 #40757yohai zvuloon
Participantבנוסף, איך ניתן לקבוע את הטיפוגרפיה במובייל? יש קובץ שבו מוגדרים כל הגדלים עבור מובייל?
21/12/2015 בשעה 13:56 #40769Noa
Participantתגובה זו סומנה כפרטית.21/12/2015 בשעה 14:06 #40773yohai zvuloon
Participantתגובה זו סומנה כפרטית.21/12/2015 בשעה 14:44 #40782Noa
Participantכן במובייל. אולי תוכל להפנות אותי או לשלוח צילום מסך כדי שלא יהיו אי הבנות?
21/12/2015 בשעה 15:46 #40793yohai zvuloon
Participantתגובה זו סומנה כפרטית.21/12/2015 בשעה 19:48 #40821Ariel
Participantלצערי אין דרך בצורה מושלמת לעשות את זה חוץ מכתיבת קוד CSS מותאם אישית
22/12/2015 בשעה 13:58 #40871yohai zvuloon
Participantתגובה זו סומנה כפרטית.22/12/2015 בשעה 15:29 #40897yohai zvuloon
Participantתגובה זו סומנה כפרטית.22/12/2015 בשעה 15:30 #40898Ariel
Participantזה פשוט תלוי באורך הכותרת והתקציר, מה שקורה אצלך שזה פשוט גולש אל מתחת לתמונה בגלל האורך של התוכן.
תנסה להכניס את הקוד CSS הבא ותעדכן אם זה עוזר:
@media (max-width: 767px) { .featured-list-two-below .list-item:not(.featured-post) .media-body, .featured-list-aside .list-item:not(.featured-post) .media-body, .featured-list-below .list-item:not(.featured-post) .media-body { display: table-cell; } }22/12/2015 בשעה 15:52 #40905yohai zvuloon
Participantהקוד לא עוזר,
אני ניסיתי להוסיף margin-left לתקציר ו(בינתיים) זה עושה את העבודה22/12/2015 בשעה 15:55 #40907yohai zvuloon
Participant* margin-right
28/12/2015 בשעה 12:43 #41525yohai zvuloon
Participantמסתבר שהרעיון שלי עם הmargin right לא משהו… (אני בדקתי את זה על מסך אחד, אולם במסכים שונים צריך מרחקים שונים – בקיצור רעיון גרוע)
בנוסף הקוד שכתבת לי לא עזר אולי יש לך רעיון אחר?תודה רבה
28/12/2015 בשעה 14:09 #41540Noa
Participantתוכל לשלוח פרטי גישה ליוזר זמני (בתגובה פרטית)?
28/12/2015 בשעה 16:21 #41568yohai zvuloon
Participantתגובה זו סומנה כפרטית.29/12/2015 בשעה 11:02 #41608Noa
Participantאוקי הכנסתי את הקוד הבא ועכשיו זה עובד:
@media (max-width: 767px) { .recent-post.media.list-two.grid-item.col-sm-6.col-xs-12.post.type-post.status-publish .entry-excerpt { display: table-cell !important; } }29/12/2015 בשעה 12:07 #41623yohai zvuloon
Participantתודה רבה!
החלק העליון של עמוד הבית במובייל הוא קבוצת פוסטים עם רשימה מתחת (בשונה משאר הרכיבים שהם פשוט רשימת פוסטים)
ולכן הקוד לא משפיע עליו..
מה צריך להוסיף כדי שיכיל את השינוי גם עליו?29/12/2015 בשעה 16:48 #41691Ariel
Participantלהתאים את הקוד גם למצבים אחרים
-
מאתתגובות
- הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.
