ההידר הופך להיות שתי שורות בטאבלט

מעולה. תודה רבה.
כמובן שצריך גם להסתיר את הלוגו הרגיל.

זה מה ששמתי:

@media (max-width:1199px) {
   .pojo-visible-phone {
       display: inherit!important;
    }
   .logo-img-primary{
       display: none;
    }
}

האמת שבתצוגת טאבלט שיש באלמנטור, זה עדיין לא נראה טוב. אני לא יודע על מה לסמוך כדי לדעת שבטאבלטים זה באמת נראה טוב.
אני חושב אולי בלית ברירה להסתיר גם את 'דף הבית' מהתפריט בין 800 ל-900 px, אבל אולי הכי טוב יהיה להקטין עוד את הלוגו.
מה אתה מציע?
להקטין את הלוגו בפוטושופ? או שאולי עדיף איכשהו ב-css מתחת ל900px?

יש גם בעיה שבסמארטפון, הכפתור של התפריט לא נמצא באמצע הגובה, אלא צמוד ללמעלה. אני יכול לתת לו margin-top: 15px;. השאלה אם יש דרך יותר נכונה.

עריכה: הקטנתי עכשיו עוד את הלוגו בפוטושופ. לא יודע אם כדאי להמשיך להקטין, צריך שהוא יהיה קריא. עכשיו זה ברוחב 220.