Неккоректный вид шапки на дефолтном шаблоне на мобильном

Здравствуйте!
Заметил такую штуку, что у меня на реальном телефоне шапка выглядит иначе, чем в эмуляторе firefox. Когда начал детальнее разбираться, понял что даже в эмуляторе для Samsung шапка выглядит не так, как для Iphone 6/7/8 Plus. Это у меня удвило, ведь вроде расширение моего телефона нормальное. Но позже я понял, что на мобильном телефоне с шириной экрана 720 показываются совсем другие стили. Оказалось, что на мобильных идут превращения и то, что я вижу на экране 720 соответствует медиазапросу до 600px

Я так понимаю, должно быть вот так

Оно, конечно, хорошо, что есть хотя бы так. И, в принципе, это мелочь.

Но я подумал, что можно было бы запускать тестовый сайт для обкатки идеи прямо на дефолтном шаблоне — ведь в целом он очень даже ничего. А там надо разбираться во верстке.

Вы можете в своем макете легко изменить ширину логотипа (если он будет у вас такой-же по ширине) в зависимости от условий:

Эмуляторы да, не всегда корректно "изображают" телефоны. Их задача не заменить телефон, но приблизить для отладки.