Проблемы с мобильной версией

Доброго дня !
Пришло сообщение

Перейдя на страницу еще вот что


Помогите их устранить.

Mag-Vasiliy, добрый день!)

Как я понял, тут придётся много чего изменять. Проблема не исчезла ? Если всё осталось по прежнему, можно применить @media чтобы решить проблему.

Сказочник Зазеркалья, не знаю. Они мне письма три уже таких прислали.

Mag-Vasiliy пишет:Сказочник Зазеркалья, не  знаю. Они мне письма три уже таких прислали.

Походу гугл не видит мобильную версию. Он принимает веб-версию за два в одном. Если перенести виджеты вверх или вниз, задать ширину в % плюс подправить размер шрифта путём @media можно сделать всё ок. Насчёт viewport'a не знаю, пока в своих изучениях не дошёл до этого момента.

Сказочник Зазеркалья, вот что последний раз написали

Сказочник Зазеркалья, и еще. Интересно узнать, а сколько % нужно поставить? Есть ли какие определенные параметры? У меня стоит 98%. Сколько поставить 50?

Mag-Vasiliy пишет:Сказочник Зазеркалья, и еще. Интересно узнать, а сколько % нужно поставить? Есть ли какие определенные параметры? У меня стоит 98%. Сколько поставить 50?

После работы проверю коды, чтобы не вводить в заблуждение и не вызывать стопку проблем вместо готового решения и залью сюда. По сути код всего лишь пару строк, но лучше проверить.

Так что подождите.

Сказочник Зазеркалья, хорошо.

Mag-Vasiliy пишет:Сказочник Зазеркалья, хорошо.

Прошу прощения за ожидание. Решил починить комп и это вышло. Теперь будет проще.

Сегодня опубликую два рабочих способа для содания адаптивности сайта через CSS3.

И попытаюсь написать о viewport... если он конечно реально нужен.

Сказочник Зазеркалья, хорошо. Буду ждать.

Mag-Vasiliy пишет:Сказочник Зазеркалья, хорошо. Буду ждать.

Лучший способ указать ширину форума так:

100%

Можно конечно и вот так в CSS:

Код:

body {
min-height: 100vh;
width: 100%;
}

Медиа запросы тут не актуальны, так как придётся верстать структуру форума заново. Это немного долгий процесс.

Хотя попробуй это в CSS:

Код:

/* Media Queries */
@media screen and (max-width: 1010px){
   body {
width: 70%!important;
height: 100vh!important;
   }
}

Если поможет (пишу так потому что проверял на новом форуме без доп.стилей CSS), смогу потом помочь и со шрифтами и другими настройками для создания своей мобильной версии.

А вообще париться особо из-за этих уведомлений не нужно. Большинство сайтов вообще мобильной версии не имеют и живут же.

Сказочник Зазеркалья, вставил в CSS второй. А как проверить?

Mag-Vasiliy пишет:Сказочник Зазеркалья, вставил в CSS второй. А как проверить?

Можно вставить в CSS оба.

Проверить можно легко. На мобильном открываешь сайт и смотришь ширину сайта. Горизонтальной покрутки не будет + весь сайт будет в поле зрения, т.е подстройка под экран.

Если ставить оба кода, то второй должен быть обязательно под первым.

Кстати эти коды для веб-версии, т.е они вроде бы не действуют для мобильной версии так как она и так должна быть адаптивной. P.S: На мобильной версии не проверял.

Оффтоп:

Ну и ждать нужно новых уведомлений от Гуглиуса.

Вставил оба кода.

Сказочник Зазеркалья, когда всавил два кода моб.версия выглядит так



оставил только второй выглядит так же.

Втавил первый код выглядит так



Оставил первый код.

Но он у меня и до этоготак был.

Mag-Vasiliy, эти коды помогают при открытии сайта без мобильной версии. Т.е если юзер захочет увидеть полную версию сайта и перейдёт с мобильного на полную версию, ему будет удобно перемещаться по сайту.

Сказочник Зазеркалья, благодарю.

Сказочник Зазеркалья, а с этой темой не поможите?
https://help.forum2x2.ru/t40955-topic
Дана мне код в CSS все прекрасно работает. хотелось бы цвет заголовка после первого поста поменять.

Mag-Vasiliy пишет:Сказочник Зазеркалья, а с этой темой не поможите?
https://help.forum2x2.ru/t40955-topic
Дана мне код в CSS все прекрасно работает. хотелось бы цвет заголовка после первого поста поменять.

Да, без проблем...

В CSS:

Код:

.post + .post .topic-title a {
    color: #000!important;
}

Сохраняем и вуаля.

Сказочник Зазеркалья, спасибищщще ! Получилось.

Mag-Vasiliy пишет:Сказочник Зазеркалья, спасибищщще ! Получилось.

Приятно быть полезным!

Если будут новые вопросы, буду ждать в новых темах.

Сказочник Зазеркалья, хорошо.