Разные меню для лэп-топ и мобильно версии

Доброго времени суток
В настоящее время создаю тему для WP и при настройке адаптивности возникает вопрос: меню для больших экранов (min-width — 992px) и мобильное меню сильно отличаются по внешнему виду и положению (структура меню одинаковая). Создавать ли новое меню на определенной ширине(@media) и скрывать изначальное (в таком случае при натягивании на WP нужно будет регистрировать два разных меню), либо же переписывать классы у существующего меню? Как будет сделать правильнее и не даст ли создание 2-х, по сути одинаковых меню, (а может даже 3-х) в дальнейшем при натягивании на WP проблем? (дубли страниц или еще чего?). Как сделать правильнее?