Страница 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
для:
добавить
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;
же...
Дооптимизировать сайт под мобильные - Яндекс
Добавлено: 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
. Тогда при любом разрешении экрана прокрутка будет запрещена.