Страница 1 из 1

Горизонтальная прокрутка

Добавлено: 04 июн 2017, 23:08
Рок
Есть код в хедере и он дает горизонтальную прокрутку на мобильных.

Пробую обернуть его в дивы такого вида:

Код: Выделить всё

<div class="nomini">САМ КОД</div>
И прописываю в common.css

Код: Выделить всё

@media (mах-width: 320px){.nomini{display: none}}
По идее должен избавиться от горизонтальной прокрутки, но не получается.
Что я делаю не так?

Горизонтальная прокрутка

Добавлено: 05 июн 2017, 17:02
CabinetAdmin
Рок писал(а): Что я делаю не так?
То, что этот код не избавляет от прокрутки, он скрывает блок при разрешении экрана менее 320px. С учётом характеристик современных телефонов - не скрывает нигде.
Вот так убирается горизонтальная прокрутка:

Код: Выделить всё

.block_class {
	overflow-x: hidden;
}
Но в первую очередь надо пробовать устранить возникновение этой прокрутки, не обязательно сразу скрывать.

Горизонтальная прокрутка

Добавлено: 05 июн 2017, 19:31
Рок
CabinetAdmin писал(а):
Рок писал(а): Что я делаю не так?
То, что этот код не избавляет от прокрутки, он скрывает блок при разрешении экрана менее 320px. С учётом характеристик современных телефонов - не скрывает нигде.
Вот так убирается горизонтальная прокрутка:

Код: Выделить всё

.block_class {
	overflow-x: hidden;
}
Этот код в common.css в самый низ ставлю?
У меня в хедере рся стоит на 4 блока, вот она и даёт горизонтальную прокрутку.

Горизонтальная прокрутка

Добавлено: 05 июн 2017, 20:59
CabinetAdmin
В рекламах бывает настройка для адаптивной вёртки, на счёт рся конечно не скажу....
Рок писал(а): в common.css
Да, можно в него.

Горизонтальная прокрутка

Добавлено: 05 июн 2017, 22:03
Рок
Ставлю

Код: Выделить всё

.block_class {
	overflow-x: hidden;
}
И при первой проверке в вебмастере яндекса: горизонтальной прокрутки нет, т.е. все ок.
При последующих: опять появляется гор.прокрутка.

P.S. В рся нет адаптивной верстки.

Горизонтальная прокрутка

Добавлено: 06 июн 2017, 17:09
CabinetAdmin
Как так?
Можно вообще для мобильного запретить прокрутку, это надо в responsive.css к

Код: Выделить всё

body {
	padding: 0;
}
добавить тот же overflow-x: hidden;.

А так вообще интересно выходит, яндекс даёт не адаптивную рекламу и сам потом ругается на прокрутку из-за неё... :crazy:

Горизонтальная прокрутка

Добавлено: 07 июн 2017, 09:59
Рок
Да, яндексоиды те еще...

Спасибо Василий.