При редактировании и настройке Меню сайта в конструкторе сайтов Mobirise, пользователи могут столкнутся с тем, что длинные ссылке в меню, могут выходить за границы экрана на мобильных устройствах.
Как видим на скрине, у нас пошло смещение меню сайта при длинной ссылке в меню:
Получить коммерческое предложение
Данная проблема, актуальна для Mobirise 4 так и пятой версии конструктора.
По теме: «Настраиваемое меню для Mobirise и виджет формы обратной связи.»
Настройка длинных ссылок в меню Mobirise.
При любых манипуляциях с редактором кода, не забывайте создавать перед редактированием сайта, резервные копии своих проектов.
Для решения этой проблемы, можно удалить (2.)
dropdown-item
после параметра цвета ссылки (1.)
<a class="text-ваш_цвет
Сделать это можно через редактор кода. В своем примере, использую бесплатный редактор кода Mobirise.
После удаления, у нас должно выглядеть так:
Не забываем сохранять изменения. Также, если у вас несколько ссылок в меню, dropdown-item необходимо удалить во всех местах данных ссылок. При этом, не нужно удалять все dropdown-item. Например, вот тут, не нужно ничего удалять:
В зависимости от используемого вами шаблона и версии программы, может немного отличатся код, но, суть та же. Удаляем dropdown-item только после:
<a class="text-ваш_цвет dropdown-item"
Теперь, обязательно удаляем отображение иконок в меню:
Щелкаем по иконке и нажимаем в появившемся окне «УДАЛИТЬ ИКОНКУ»:
Проверяем результат в браузере:
Как видим, у нас нет перекосов в меню с длинными ссылками. При этом, если не удалить иконки на меню, мы получим такую картину:
Видим, что при не удаленных иконках, у нас корректно отображается только субменю, а ссылки основного меню, сдвигаются. Как и сама кнопка.
При проверке результата, не забываем чистить кэш в браузере.
А надо ли так делать?
Создавать меню сайтов с целыми предложениями, очень плохая идея. Это неэффективно и не удобно с точки зрения пользователя. Каждая ссылка в меню должна обозначаться одним или двумя словами. Больше трех слов в одной ссылке меню это не функционально. Старайтесь создать простое меню, понятное с одного слова. Например, можно ведь использовать тезисы.
Бытует мнение, что для SEO оптимизации синонимы не стоит использовать. Такие «сео-шники», забывают, что юзабилити (удобство использования сайта) является частью SEO. Поэтому, много текста в меню, особенно на лендингах или небольших сайтах, никак положительно не скажется на сайте. Наоборот, это может запутать посетителей и они могут вообще уйти с такого сайта.
Если вернутся в пример с размещением в меню сайта ссылки на коммерческое предложение, это вообще глупая идея. В меню, особенно на мобильных устройствах, пользователь зачастую его и не увидит. Если у вас лендинг, вам стоит разместить эту информацию на главном экране лендинга, чтобы при открытии сайта, пользователь сразу его видел. Если это не самая важная часть, то не стоит ее добавлять на главную страницу. Но и в меню, прятать тоже не стоит. Соответственно, в меню сайта, стоит добавлять только самые главные ссылки на те категории / блоки, которые наиболее важны.