Страница 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
Рок
Да, яндексоиды те еще...

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