Почему на мобильных устройствах режет шапку справа?

Question

[webnew]

Здравствуйте!

Я мало разбираюсь в веб-дизайне и нужна подсказка профи.

Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается. Проверила на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп - шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно.

Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей? Повторюсь, что страницы входят по полям, все отлично с их масштабом - режет только шапку справа.

Спасибо!

Comments

[Ankhena]

Ничего не понятно. Картинка фоном или картинкой?
Покажите пример или прямо сайт.

[webnew]

прикрепила фото экранов

[webnew]

фото экрана со смартфона
скрин экрана с ноута

food88.ru

[webnew]

ВСЕ! Бэкграунд на месте! Спасибо всем, кто пытался помочь и проявил интерес к вопросу.

Answer 1

[Милок Мурлыка]

Попробуйте

body {
min-width: 1200px
}

А вообще лучше ссылку на сайт давать, а то не особо понятно

Comments

[webnew]

Вставила - без изменений

Answer 2

[Александр Алексеев]

это не шапку режет) это режет background шапки
установите значение background-size напимер 100%

Comments

[webnew]

Все ок, мне помогли. вопрос закрыт. Спасибо за участие)