רוצים לשבור שורה בכותרת רק במובייל?
ראיתי הרבה בוני אתרים באלמנטור שמשכפלים את הכותרת ומסתירים לפי סוג המכשיר. במדריך זה נלמד איך עם שורת CSS אחת, נסדר את הבעיה ללא שיכפולים מיותרים. כך נוכל לשמור על מבנה האתר בצורה נכונה ועל מהירות האתר מקוד מיותר.
הוסיפו את הקוד לווידג'ט כותרת
CSS
אני רוצה שרק <span class="break_line">במובייל השורה תשבר</span> אבל לא במחשבלאחר מכן הוסיפו את הקוד תחת מתקדם > CSS מותאם
CSS
/* break lines only in mobile */
@media screen and (max-width:768px) {
.break_line{
display: block;
}}פשוט וקל, בהצלחה.
