Есть код в хедере и он дает горизонтальную прокрутку на мобильных.

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

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

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

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

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

CabinetAdmin 05 июн 2017, 17:02 Сообщение

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

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

.block_class {
	overflow-x: hidden;
}
Но в первую очередь надо пробовать устранить возникновение этой прокрутки, не обязательно сразу скрывать.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

РокРок 05 июн 2017, 19:31 Сообщение

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

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

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

CabinetAdmin 05 июн 2017, 20:59 Сообщение

В рекламах бывает настройка для адаптивной вёртки, на счёт рся конечно не скажу....
Рок писал(а): в common.css
Да, можно в него.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

РокРок 05 июн 2017, 22:03 Сообщение

Ставлю

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

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

P.S. В рся нет адаптивной верстки.
  • 0
IN GOD WE TRUST

CabinetAdmin 06 июн 2017, 17:09 Сообщение

Как так?
Можно вообще для мобильного запретить прокрутку, это надо в responsive.css к

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

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

А так вообще интересно выходит, яндекс даёт не адаптивную рекламу и сам потом ругается на прокрутку из-за неё... :crazy:
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

РокРок 07 июн 2017, 09:59 Сообщение

Да, яндексоиды те еще...

Спасибо Василий.
  • 0
IN GOD WE TRUST