מוצגות 6 תגובות – 1 עד 6 (מתוך 6 סה״כ)
-
תגובות
-
הי,
הגלריה במובייל מציגה כל תמונה בענק.
אני רוצה שהיא תוצג ב-3 טורים של תמונות קטנות.
איך עושים את זה?הגדרתי בCSS כך:
@media screen and (max-width: 782px) { .gallery-item img { width: 30%; display: inline; float:right; margin: 0 !important; padding: 0 !important;} }והתוצאה: התמונות מוקטנות, אך לא נערמות בשורות אלא אחת מעל השניה.
מה עושים?תודה.
תבדקי בקוד מקור של העמוד. כי לא עושים את זה על התמונה, עושים את זה על הדיב שעוטף את התמונה, לדוגמא:
.gallery.gallery-columns-3 .gallery-item { max-width: 33.33%; }נראה שזה משהו מעבר לזה, שמוגדר שבמובייל התמונות יערמו אחת בשורה,
כך שגם אם אני בוחרת את כל הגלריה- התמונות קטנות אך נשארות אחת בשורה.כמובן שאת צריכה לעטוף את מה שכתבתי עם ההגדרה של המובייל
@media (max-width: 767px) { .gallery.gallery-columns-3 .gallery-item { max-width: 33.33%; } }כמובן שעשיתי זאת מלכתחילה… ללא הועיל.
לפי הקוד מקור של העמוד, זה נראה שהקוד שלך לא כתוב בצורה טובה, שימי לב שחסר שם סוגר לאזור ה Media query וגם הוא לא תכו בצורה טובה. תעתיקי בדיוק מה שכתבתי ותעדכני אם זה עובד.
מוצגות 6 תגובות – 1 עד 6 (מתוך 6 סה״כ)
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.