רספונסיביות בסמארטפון

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

תנסי לצרף לפה צילומי מסך באמצעות http://imgur.com/

זה קורה בגלל גודל התמונות והטקסט H5 שהוגדר. בעקרון את יכולה להגדיר שבמובייל התמונות והטקסט יוקטנו.

לדוגמה, נסי להכניס את הקוד הבא להתאמה אישית > Live CSS כדי להקטין את ה H5 רק לעמוד הזה במובייל:

@media (max-width:768px) {.page-id-1119 h5{
font-size:18px;}
}

ולתמונות את יכולה בהגדרות הווידג'ט באמצעות CSS Classes לתת אותו שם קלאס מותאם אישית לשלושתם, ואז ב-Live CSS לתת 50% לתמונות במובייל.

לדוגמה לתת להם שם קלאס big-images

וב-Live CSS לתת את ההגדרה הבאה:

@media (max-width:768px) {
.page-id-1119 .big-images{max-width:50%;}
}