בעיה במובייל

שלום רב,

תוכל לפרט, מה הבעיה בדיוק?

אפשר קישור לעמוד?

נסה להכניס את הקוד הבא ל-Live CSS:

@media (max-width:768px) {
.widget-image.align-right,
.widget-image.align-left{
text-align:center;}
}

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

אפשר לנסות להזיז אותם באמצעות padding.

על איזו גרסה של אטלנטה אתה עובד?

האם בדקת אם יש איזה תוסף המותקן אצלך שיכול לגרום לזה?

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

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