Почему браузер на WindowsPhone не растягивает шапку по всей ширине?

Question

[Никита]

Я частенько верстаю лендинги или меня просят их подправить и вот встретился с такой проблемой на WP - https://pp.vk.me/c631127/v631127692/14b0b/Pz5yeLJi... Хедер в данном случае обрезается на ширина экрана телефона(естественно тут растянули страницу после прогрузки). И пока каких-то решений и не приходит в голову, кто-нибудь встречался с данной проблемой?
Ссылка на саму страницу - radiator-lux.ru
На полосу с правой стороны не обращайте внимание, уже фиксится=)

Comments

[Олег Букатчук]

css-код элемента покажите...

[Никита]

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

[Олег Букатчук]

Никита: Дело в том, что при повороте экрана изменяется его ширина, попробуйте вместо классов .xs, применить классы .sm или .md - думаю в этом и есть проблема.
То есть Ваш класс .xs работает только если ширина экрана меньше 768px.

.xs - Extra small devices Phones (<768px)
.sm - Small devices Tablets (≥768px)
.md - Medium devices Desktops (≥992px)
.lg - Large devices Desktops (≥1200px)

Подробнее здесь: getbootstrap.com/css/#grid-options

[Никита]

Олег Букатчук: вообще дело не в этом, такое происходит только на wp и только с fixed элементами

[Георгий Еремеев]

Скриншот не открыть

Answer 1

[Алексей Уколов]

Да, у нас на одном проекте было ровно то же самое, пришлось костылять.
Мы использовали foundation, у вас bootstrap, так что явно где-то в браузере что-то криво реализовано.

Comments

[Никита]

Я не знаю честно говоря зачем там вообще верстальщик bt использовал. Но дело не в нем явно, верстка там статик 960. А какие костыли подтянули?

[Алексей Уколов]

Я к тому, что при использовании разных инструментов один и тот же баг - значит, браузер чудит.
Насчёт костылей не могу сказать, коллега их пилил.

Answer 2

[Георгий Еремеев]

У body стоит стиль overflow-x: hidden;, который скрывает все, что не попадает в видимость браузера по горизонтали.

Comments

[Никита]

не помогает это