רספונסיביות גלריה

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

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

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

דיון זה מוגדר: סגור

תגיות: ,

מוצגות 4 תגובות – 1 עד 4 (מתוך 4 סה״כ)
  • מאת
    תגובות
  • #59821
    oritlevi
    Participant

    היי,

    למדתי מהפורום איך להפוך גלריית גריד 4 עמודות במובייל לעמודה אחת ברוחב מלא, הכנסתי את הקוד הבא:

    /* Tablet (Grid 4 > Grid 2)*/
    @media (min-width: 768px) and (max-width: 959px) {
    .gallery.gallery-columns-4 .gallery-item {
    max-width: 50%;
    }
    }
    /* Tablet (Grid 4 > Grid 1)*/
    @media (max-width: 767px) {
    .gallery.gallery-columns-4 .gallery-item {
    max-width: 100%;
    }
    }

    .gallery-item {
    border-color: #dd8502;
    border-style: solid;}

    רק איך אני מרווחת בין העמודות במובייל? הבורדר שיצרתי עולה אחד על השני…

    תןדה, הפורום עוזר המון!!!

    #59850
    Boaz
    Moderator

    את יכולה להוסיף משהו כזה ל-CSS:

    @media only screen and (max-width: 767px)
     .column-4 {
        margin-bottom: 20px;
    }
    #59997
    oritlevi
    Participant

    לא השפיע…

    #60023
    Boaz
    Moderator

    איפה הכנסת את זה?

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