Заметил такую штуку, что у меня на реальном телефоне шапка выглядит иначе, чем в эмуляторе firefox. Когда начал детальнее разбираться, понял что даже в эмуляторе для Samsung шапка выглядит не так, как для Iphone 6/7/8 Plus. Это у меня удвило, ведь вроде расширение моего телефона нормальное. Но позже я понял, что на мобильном телефоне с шириной экрана 720 показываются совсем другие стили. Оказалось, что на мобильных идут превращения и то, что я вижу на экране 720 соответствует медиазапросу до 600px
Но я подумал, что можно было бы запускать тестовый сайт для обкатки идеи прямо на дефолтном шаблоне — ведь в целом он очень даже ничего. А там надо разбираться во верстке.
#layout header #logo > span { width: 170px;
Эмуляторы да, не всегда корректно "изображают" телефоны. Их задача не заменить телефон, но приблизить для отладки.