Question

Здравствуйте, "главная страница" сайта стала с прокруткой слева на право, в CSS я ничего не менял. Менял на другие шаблоны для эксперемента, многие шаблоны стали с прокруткой, раньше такого не было, все шаблоны раньше корректно выглядели, может, что-то в настройках я нитак сделал.

за ранее спасибо.

Answer 1

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

Comments

добавил, осталось тоже самое и ещё цвета все "по шву пошли"
вот так получилось,если я правильно понял
}
:host {
display: inline-block;
width: -webkit-fill-available;
overflow: hidden;
text-align: initial;
white-space: normal;
}
/*--------------------- POPUP end ---------------------*/

---

Не эти стили причина тому, вы что-то зацепили в шаблоне вот и последствия. Я выше отредактировал сообщение, прочтите внимательно.

Перейдите в Панель управления - Главная - Настройки - Общие настройки - Дизайн сайта: Обновить текущий дизайн во всех используемых модулях - Сохранить.

---

Давайте добавим в таблицу стилей для бегущей строки фиксированный размер:
marquee {width: 600px;}
Смотрите сами задать либо 600 либо 700 как вам будет более лучше. Этим мы и решим  вашу проблему.

---

"Перейдите в Панель управления - Главная - Настройки - Общие настройки - Дизайн сайта: Обновить текущий дизайн во всех используемых модулях - Сохранить." выполнил это действие, изменений нет, всё так же.
бегущую строку ещё год назад сделали, проблем никогда было, такая проблема появилась три дня назад, я редактировал только "общие настройки" (дополнял информацию)

---

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

---

Переходим в Панель управления - Главная - Редактор страниц - Управление страницами сайта - Главная страница сайта, далее напротив главной жмем на иконку в виде ключика и открываем главную на редактирование.

Бегущая строка выглядит вот так:
<marquee direction="left" height="16" style="height: 16px;">Уважаемые ученики!   Если вы оказались в трудной жизненной ситуации,   то вы можете обратиться в службу телефона доверия МОБУ "СОШ № 18": 75-96-04 (пон. - пят. с 14:00 до 17:00).   Номер телефона доверия РФ: 8-800-2000-122 (круглосуточно)   Телефон доверия в г. Оренбурге: 370-460 (ежедневно с 20:00 до 07:00)</marquee>

---

не могу найти размеры бегущей ленты, скопировал весь код в текстовый документ и загрузил на друбокс
https://www.dropbox.com/s/cefk1v7jj99q5rk/%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0.txt?dl=0

---

Не нужно там ничего искать, я же выше вроде понятно написал, добавить в таблицу стилей CSS:

marquee {width: 600px;}

Смотрите сами задать либо 600 либо 700 как вам будет более лучше. Этим мы и решим  вашу проблему.

---

по краям бегущей строки вставил <marquee direction="left" height="16" style="height: 16px;"> ............... </marquee>
потом в CSS сверху прописал marquee {width: 600px;} потом сохранил, перешел на сайт по размеру встал вроде, но цвета расползлись, нажал "Обновить текущий дизайн во всех используемых модулях" и снова всё по старому(

---

зачем было снова выполнять данную операцию - Обновить текущий дизайн во всех используемых модулях.

Просто добавьте в стили, что я выше написал и более ничего.

---

всё получилось! я нажел кнопку "восстановить стандартный шаблон"
и потом в CSS добавил marquee "{width: 600px;}"
и всё получилось. спасибо!

---

после этого всего можно сделать, чтоб сайт растянуть (сделать по шире)?
слева и справа большие отступы присутствуют.

---

пусть будет как есть, так как вы можете сделать еще хуже