Как сохранить элементы заголовка в одной горизонтальной линии с помощью CSS в теме Shopify Dawn? ⇐ CSS

[Anonymous]

Я настраиваю заголовок магазина Shopify, используя тему Dawn. Я хочу, чтобы весь заголовок (логотип, меню навигации и значки, такие как поиск, учетная запись и корзина) оставался в одной горизонтальной строке, независимо от размера экрана. Как вы можете видеть здесь, в заголовке, отображается логотип, а затем в следующая строка по умолчанию показывает вкладку меню. я хочу сделать их в одну строку.
Проблема:
Даже с этими изменениями CSS элементы заголовка по-прежнему переносятся или складываются на меньших экранах, нарушая желаемый одиночный -строчный макет.
Вот что мне нужно:
Все элементы заголовка (логотип, меню навигации и значки) должны располагаться на одной горизонтальной линии.Разрешить заголовку прокручиваться по горизонтали, если содержимое переполнения.
Предотвратите наложение или перенос элементов даже на маленьких экранах.
Это для веб-сайта Shopify, использующего тему Dawn.
Вот скриншот текущего Проблема:
Будем очень признательны за любые рекомендации или решения, относящиеся к теме Shopify's Dawn!

Подробнее здесь: https://stackoverflow.com/questions/793 ... hopify-daw