nav .brand-logo {
font-size: 1.3rem;
}
Вышеприведенное исправит это для iPhone5 и выше.
Ваша проблема в длине вашего заголовка .brand-logo
- он слишком длинный при стандартном размере шрифта Materialize nav, равном 2,1rem , поэтому он переносится на новую строку. Таким образом, вам нужно уменьшить размер шрифта вашего lo go для мобильных устройств.
Вам также потребуется медиа-запрос для увеличения размера шрифта, как только у вас появится достаточная ширина экрана:
@media (min-width: 600px) {
nav .brand-logo {
font-size: 2.1rem;
}
}
Codepen здесь .