как увеличить ширину правого столбца заголовка

Question

Я пытаюсь увеличить размер правой части заголовка, потому что когда я пишу номер телефона, он перемещается и выходит на более чем одну строку.

Можете ли вы проверить это здесь

Answer 1

Чтобы избежать упаковки, вы можете использовать white-space:nowrap;. В вашем случае телефонный номер помещается в span, который имеет стиль call. Итак, в вашем файле style.css найдите определение класса call и добавьте в него этот стиль:

.topbar span.call {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space:nowrap;
}

Answer 2

Измените класс CSS «контейнер» на «контейнер-жидкость» чуть ниже «topbar div». Это распределит доступную ширину более динамичным способом. См. этот вопрос и ответ для различия между этими двумя стилями.