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

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 25 ноя 2016, 18:28
Рок
Помогите дооптимизировать сайт под мобильные в Яндексе:
1) Как избавиться от горизонтальной прокрутки?
2) Какой именно текст нужно увеличить?

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 26 ноя 2016, 10:14
CabinetAdmin
Горизонтальный скролл появляется, скорее всего, из-за меню, а точнее всего из-за второго или третьего уровня вложенности.

Мелкий текст, ну тут речь видимо обо всём тексте на сайте, начиная с навигации: faq, О нас и тд.

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 26 ноя 2016, 23:19
Рок
CabinetAdmin писал(а): Горизонтальный скролл появляется, скорее всего, из-за меню, а точнее всего из-за второго или третьего уровня вложенности.

Мелкий текст, ну тут речь видимо обо всём тексте на сайте, начиная с навигации: faq, О нас и тд.
Как думаете, если текст увеличить, на пк смотреться нормально будет? Вроде, все привыкли к стандартному тексту...

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 27 ноя 2016, 08:14
CabinetAdmin
Можно конечно увеличить размер сразу, надо будет в common.css изменить:

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

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 12px 0;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
}
А можно в responsive.css для:

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

body {
	padding: 0;
}
добавить font-size: 11px;. Чтобы только на мобильных шрифт был крупнее.

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 27 ноя 2016, 23:53
Рок
Спасибо, все четко! Добавил только для мобильных.

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 28 ноя 2016, 00:07
Рок
Хотел было отказаться от третьего уровня вложенности менюбара, но проблема не в нем, скорее всего во 2 уровне. От него уже не могу отказаться. А можно ли как то обойти этот скролл без правки вложений меню?

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 28 ноя 2016, 15:43
CabinetAdmin
Самое радикальное - добавить к body {, можно в том же responsive.css, запрет на горизонтальный скролл overflow-x: none;

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 28 ноя 2016, 16:40
Рок
Добавил вот так:

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

body {
	padding: 0;
	font-size: 11px;
	overflow-x: none;
}
Все равно пишет что есть горизонтальная прокрутка.

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 28 ноя 2016, 20:59
CabinetAdmin
Ой, прошу прощения, overflow-x: hidden; же... :milo:

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 29 ноя 2016, 11:09
Рок
Поставил так

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

body {
	padding: 0;
	font-size: 11px;
	overflow-x: hidden;
}
И опять горизонтальная прокрутка не исчезает.
Может нужно не в responsive.css, а в другой файл?

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 29 ноя 2016, 15:17
CabinetAdmin
Чего-то не видно этого в исходном коде...

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 29 ноя 2016, 16:50
Рок
CabinetAdmin писал(а): Чего-то не видно этого в исходном коде...
Я поставил, проверил в яндекс вэб мастере, посмотрел что ничего не поменялось и вернул исходный.
Могу поставить заново и оставить, скажем, на сутки, что бы вы посмотрели?

Дооптимизировать сайт под мобильные - Яндекс

Добавлено: 30 ноя 2016, 16:21
CabinetAdmin
Если добавить в responsive.css, то до 700 пикселей прокрутка может появится. Я не знаю при каких размерах их бот проверяет сайт. Возьмите и добавьте его не в responsive.css, а в common.css. Тогда при любом разрешении экрана прокрутка будет запрещена.