Проблема в отображении не только на мобильном, я открыл в фаерфоксе на маке — имя также слетает на 2 строку.
Проблема в самой верстке. Вы задали для части имени блочное отображение с обтеканием (float: right), да еще и жестко ограничили по ширине. Поэтому оно то наскакивает, то слетает.
Если кратко и быстро, просто поправить то что есть, чтобы работало корректно:
1. Уберите пробел в верстке между "J" и span.normal-bold
2. В CSS у span.normal-bold
уберите float (таким образом вы уберете блочное отображение по правому краю и span снова станет inline — заработает white-space: nowrap
, заданный для h1 — имя больше не будет слетать на вторую строку или наскакивать, — всегда будет в 1 строку)