sergeytolkachyov
@sergeytolkachyov
CMS Joomla

Каковы best practices при вёрстке мега меню и мобильного меню без дублирования кода?

Собственно, сабж. Задача типовая: сверху sticky меню строчкой. При ховере на пункту меню выпадают подпункты с картинками, формами и т. д. Реализовать адаптивом. Посмотрел немало примеров на крупных и модных сайтах. Везде для мобильного меню дублируется код навигации с другими стилями. Мобильное прячут на десктопе и десктопное на мобилах. Но при этом все эти огромные списки ссылок в коде страницы остаются, дублируются. А это как-то не рационально, да и с точки зрения СЕО не совсем хорошо. Там что-то с математикой распределения весов происходит.
Вопрос: есть ли пример успешной вёрстки Мега меню так, чтоб оно же было мобильным?
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ответы на вопрос 2
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
адаптивность подразумевает то, что верстка должна быть рассчитана скорее на определенный диапазон разрешений, а не на "все в одном", поэтому оптимальный вариант - сверстать отдельную версию для мобильных устройств т.е. под разрешения менее 700-800px. это займет меньше времени в плане разработки/тестирования и позволит ускорить загрузку сайта т.к. ассеты будут разделены
Ответ написан
Согласен с мнением человека выше, рациональнее всего сделать два меню, под мобильную и десткопную версию, практически нет добротных кейсов на 2е версии сразу
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы