תצוגת "רשימת פוסטים" במובייל

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

ראשי › פורומים › תמיכה › תצוגת "רשימת פוסטים" במובייל

דיון זה מוגדר: סגור
מוצגות 18 תגובות – 1 עד 18 (מתוך 18 סה״כ)
  • מאת
    תגובות
  • #40756
    yohai zvuloon
    Participant

    שלום,
    ברשימת פוסטים בתצוגת מובייל כאשר אורך התקציר גדול מאורך התמונה אז השורה הבאה מתחילה מתחת לתמונה ממש במקום לצידה
    ניתן לראות זאת למשל בפוסט "לצפייה: הרב שמואל טל – "אנו מקבלים באהבה רבה בעלי תשובה" (הפוסט השלישי בעמוד הבית),
    איך ניתן לשמור על כך שהטקסט יוצג תמיד לצד התמונה ולא יזלוג תחתיה (כמו שקורה בתצוגת desctop)?

    תודה.

    #40757
    yohai zvuloon
    Participant

    בנוסף, איך ניתן לקבוע את הטיפוגרפיה במובייל? יש קובץ שבו מוגדרים כל הגדלים עבור מובייל?

    #40769
    Noa
    Participant
    תגובה זו סומנה כפרטית.
    #40773
    yohai zvuloon
    Participant
    תגובה זו סומנה כפרטית.
    #40782
    Noa
    Participant

    כן במובייל. אולי תוכל להפנות אותי או לשלוח צילום מסך כדי שלא יהיו אי הבנות?

    #40793
    yohai zvuloon
    Participant
    תגובה זו סומנה כפרטית.
    #40821
    Ariel
    Participant

    לצערי אין דרך בצורה מושלמת לעשות את זה חוץ מכתיבת קוד CSS מותאם אישית

    #40871
    yohai zvuloon
    Participant
    תגובה זו סומנה כפרטית.
    #40897
    yohai zvuloon
    Participant
    תגובה זו סומנה כפרטית.
    #40898
    Ariel
    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;
    }
    }
    #40905
    yohai zvuloon
    Participant

    הקוד לא עוזר,
    אני ניסיתי להוסיף margin-left לתקציר ו(בינתיים) זה עושה את העבודה

    #40907
    yohai zvuloon
    Participant

    * margin-right

    #41525
    yohai zvuloon
    Participant

    מסתבר שהרעיון שלי עם הmargin right לא משהו… (אני בדקתי את זה על מסך אחד, אולם במסכים שונים צריך מרחקים שונים – בקיצור רעיון גרוע)
    בנוסף הקוד שכתבת לי לא עזר אולי יש לך רעיון אחר?

    תודה רבה

    #41540
    Noa
    Participant

    תוכל לשלוח פרטי גישה ליוזר זמני (בתגובה פרטית)?

    #41568
    yohai zvuloon
    Participant
    תגובה זו סומנה כפרטית.
    #41608
    Noa
    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;
    }
    }
    #41623
    yohai zvuloon
    Participant

    תודה רבה!
    החלק העליון של עמוד הבית במובייל הוא קבוצת פוסטים עם רשימה מתחת (בשונה משאר הרכיבים שהם פשוט רשימת פוסטים)
    ולכן הקוד לא משפיע עליו..
    מה צריך להוסיף כדי שיכיל את השינוי גם עליו?

    #41691
    Ariel
    Participant

    להתאים את הקוד גם למצבים אחרים

מוצגות 18 תגובות – 1 עד 18 (מתוך 18 סה״כ)
  • הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.