Нижнее меню не адаптивно

InstantCMS 2.X

В yandex webmaster проверял мобильные страницы

#1 1 сентября 2023 в 23:51

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

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

Изображение

Оно вроде и мелочь какая то… Но тем не менее, сейчас все эти мобильные дела весьма влияют а глазах ПС. Кто сталкивался с проблемой или просто разбирается — подскажите пожалуйста где что поправить, чтобы нижнее меню не портило адаптивность сайта. 

Вот это в футере нарушает адаптивность

Изображение

Добавлено спустя 5 минут

Блин… кажется что само нижнее меню ни при чем… на другом сайте проверил — все нормально… Что же я там накосовертил в футере:(

Добавлено спустя 17 минут

Ложная тревога:) В настройках колонки в виджетах было выставлено 33,3%  а нужно было так (не уверен, что все правильно, но ошибка исчезла) и адаптивность стала работать.

Изображение

#2 2 сентября 2023 в 10:59

На смартфоне адаптивно, правда в шапке ссылка «регистрация» не помещается в мой экран и обрезается на букве ц.

На компьютере вчера вечером когда смотрел на моем мониторе 1340 px появляется горизонтальная прокрутка ибо сайт не помещается по ширине из-за  длинного меню

#3 2 сентября 2023 в 13:44

Да… сейчас посмотрел — у меня шапка сдвигается от разрешения 1920 px и до самого маленького нормально, а вот меню да — меню обрезается справа… Даже не знаю что с ним придумать. Может в две строки или надписи убрать оставить значки...

#4 2 сентября 2023 в 22:48

Вижу, вы уже начали работать над изменением меню. 

Вариантов несколько. 

1. Меню в виде списка в сайдбаре (как вконтакте) в шапке только самое ключевое, в этом случае в меню можно пихать вообще все страницы вашего сайта))

2. Вложенные подпункты меню (то, что вы сейчас использовали в некоторых случаях)

3. В меню основные самые востребованные пункты и пункт «ещё», который ведет на специальную страницу, где все ваши ссылки

4. С иконками конечно можно, но тут надо хорошо рассчитывать размер иконок и их восприятие вашими посетителями. Стояла у меня как то кнопка «Вход» похожая на кнопку «Включить» (как на телевизоре), мне казалось, это же очевидно, но пришлось по телефону объяснять, куда нажать, чтобы войти) Для иконок соцсетей такое годится, они узнаваемы. Кнопка «Написать» мелковато, чтобы считаться призывом к действию, и в этом месте как то теряется насмотря на синий цвет. Если хотите что бы не промахнулись, стоит её как то обособить и выделить ещё. 

#5 3 сентября 2023 в 13:50

Спасибо огромное за советы🤝 Обязательно буду пробовать, возможно первый вариант попробую. Спасибо! 

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.