רספונסיב

שלום רב,

1. ניתן להעלים את הטקסט במובייל באמצעות קצת קוד CSS.

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

@media (max-width:768px) {
.tp-caption.everest_h1, .everest_h1{display:none;}
}

2. הפתרון בתשובה 6.

3. אני רואה שהגודל שלו 40*40, ויכול להיות שהוא נמתח וככה מתפקסל. נסה להעלות לוגו קצת יותר גדול ותעדכן אם זה עוזר.

4. נכון ככה התפריט תמיד מוצג במובייל, אך ניתן להדגיש או לשנות צבע לאלמנט ספציפי באמצעות קוד למספר item שלו.

(לכל אלמנט יש מספר אחר, ניתן לראות בקוד האתר).

5. כמובן ניתן לכל אזור לתת צבע רקע אחר באמצעות קוד.

אך ניתן גם בבילדר לשכפל כל אזור שאתה רוצה לתת רקע, להגדיר למשוכפל שיהיה עם רקע ובאמצעות האפשרות 'נראות אזור' (בהגדרות האזור) להגדיר שיוצג רק במובייל.

6. זה בעצם פותר גם את שאלה 2.

זה קורה בגלל שהוגדר לשדה החיפוש קוד (ב-Live CSS) הקוד הבא:

body.rtl .form-search input{margin-right:40%;}

כדי לפתור את זה, ניתן להגדיר את הקוד כנ"ל שיוגדר רק למובייל, כך:

@media (max-width:768px) {
body.rtl .form-search input{margin-right:40%;}
}

7. אתה יכול באמצעות 'נראות אזור' להגדיר כך שבמובייל התמונה וטקסט ימוקמו בצורה אחרת.

8. כפי שכתבתי ב-4, לכל אלמנט בתפריט יש מספר אלמנט משלו.

2 ו 6. ניתן הזיז את האייקון באמצעות הקוד הבא:

body.rtl .form-search button{padding-left:10px;}

3. כדי להקטין קצת את הלוגו ואיתו את ההדר, ניתן להכניס את הקוד הבא:

@media (max-width:768px) {
#header.logo-left .logo a{width:50%;}
}

כדי להסיר את הלוגו בסטיקי במובייל:

@media (max-width:768px) {
.sticky-header.logo-left .logo a{display:none;}
}

4. `@media (max-width:768px) {
li.menu-item-1666 span{font-weight:bold;}
}`

7. לא מדובר במיקומים, אלא באיזה אזור מוצג באיזה מסך.

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