Почему хедер сдвигается вправо при изменении масштаба страницы?

Возможная причина смещения хедера вправо при изменении масштаба страницы —  применение заполнения к контейнеру, из-за которого его общая ширина увеличивается и заголовок смещается от центра. stackoverflow.com

Чтобы решить проблему, можно попробовать следующие варианты:

• Изменить настройки CSS. stackoverflow.com Например, вместо использования заполнения можно попробовать применить размер рамки border-box, который даёт границу и заполнение изнутри контейнера. stackoverflow.com
• Использовать проценты. www.cy-pr.com Вместо указания размеров в пикселях можно применять проценты. www.cy-pr.com
• Изменить позиционирование элементов. ru.stackoverflow.com joomlaforum.ru Например, если для элементов прописано position: absolute, можно попробовать изменить его на position: relative. joomlaforum.ru
• Задать «ограничитель». ru.stackoverflow.com Можно установить элемент с минимальной высотой и шириной, чтобы ограничить смещение содержимого при изменении масштаба страницы. ru.stackoverflow.com