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

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
Аватара пользователя
Рок

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

Рок 25 ноя 2016, 18:28 Сообщение

Помогите дооптимизировать сайт под мобильные в Яндексе:
1) Как избавиться от горизонтальной прокрутки?
2) Какой именно текст нужно увеличить?
Вложения
Дооптимизировать сайт под мобильные - Яндекс - fg.jpg

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 26 ноя 2016, 10:14 Сообщение

Горизонтальный скролл появляется, скорее всего, из-за меню, а точнее всего из-за второго или третьего уровня вложенности.

Мелкий текст, ну тут речь видимо обо всём тексте на сайте, начиная с навигации: faq, О нас и тд.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 26 ноя 2016, 23:19 Сообщение

CabinetAdmin писал(а):Источник цитаты Горизонтальный скролл появляется, скорее всего, из-за меню, а точнее всего из-за второго или третьего уровня вложенности.

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

Как думаете, если текст увеличить, на пк смотреться нормально будет? Вроде, все привыкли к стандартному тексту...

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 27 ноя 2016, 08:14 Сообщение

Можно конечно увеличить размер сразу, надо будет в 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;. Чтобы только на мобильных шрифт был крупнее.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 27 ноя 2016, 23:53 Сообщение

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

Аватара пользователя
Рок

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

Рок 28 ноя 2016, 00:07 Сообщение

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

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 28 ноя 2016, 15:43 Сообщение

Самое радикальное - добавить к body {, можно в том же responsive.css, запрет на горизонтальный скролл overflow-x: none;
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 28 ноя 2016, 16:40 Сообщение

Добавил вот так:

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

body { padding: 0; font-size: 11px; overflow-x: none; }


Все равно пишет что есть горизонтальная прокрутка.

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 28 ноя 2016, 20:59 Сообщение

Ой, прошу прощения, overflow-x: hidden; же... :milo:
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 29 ноя 2016, 11:09 Сообщение

Поставил так

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

body { padding: 0; font-size: 11px; overflow-x: hidden; }

И опять горизонтальная прокрутка не исчезает.
Может нужно не в responsive.css, а в другой файл?

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 29 ноя 2016, 15:17 Сообщение

Чего-то не видно этого в исходном коде...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

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

Рок 29 ноя 2016, 16:50 Сообщение

CabinetAdmin писал(а):Источник цитаты Чего-то не видно этого в исходном коде...

Я поставил, проверил в яндекс вэб мастере, посмотрел что ничего не поменялось и вернул исходный.
Могу поставить заново и оставить, скажем, на сутки, что бы вы посмотрели?

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 30 ноя 2016, 16:21 Сообщение

Если добавить в responsive.css, то до 700 пикселей прокрутка может появится. Я не знаю при каких размерах их бот проверяет сайт. Возьмите и добавьте его не в responsive.css, а в common.css. Тогда при любом разрешении экрана прокрутка будет запрещена.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: Google [Bot] и 2 гостя