исправлен заголовок, работающий нормально для настольного компьютера, но не для мобильного

Я использовал ниже css для заголовка div моего веб-сайта

.header{
    z-index: 3001;
    position:fixed;
    top:0px;left:0px;
    background-color: white;
    width:100%;height:150px;
}

Это отлично работает для рабочего стола. Но на мобильном телефоне я могу видеть только 50% ширины заголовка. С правой стороны 50% ничего нет. Как на белом фоне - cmg. С правой стороны у меня есть кнопка, которая, когда я нажимаю, работает. Сказать, что элементы управления не видны, но они работают, если вам удастся щелкнуть в нужном месте. Любое исправление для этого?

Я хочу добавить, что эта проблема возникает только в телефоне Windows. Так что нужно исправить это.