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