эту зачаду моюно разбить на много задач... вот например:
1. меню hamburger, а с какой резолюции и до какой, на tablet devices, может все таки полное использовать, ведь по UX лучше будет, и теперь задача усложнилась, ведь надо внести кучу всего, что бы меню норм было до 900px
2. Как быть с sub menu? это может очень усложнить задачу, ведь можно сделать стрелки и они открывают, можно весь item. а как же стили всего этого...
3. Интеграция в wp, тут то надо придерживаться кодекса, а захотелось каких icons в ссылках, теперь надо доп поля, выводить это...
4. SEO продумать, как лучше все структурировать... меню важный момент...
5. WCAG: accessebility... Вдруг захотелось клавиатурой побегать по меню, эту поддержку тоже надо делать...
И Маленький hamburger превратился в зверя, у которого еще и кучу багов вылезут в конце :)
в общем, советую заюзать что идет в комплекте, или с каким плагином... это меню не ново, и можно найти не плохое готовое решение, или делать ТЗ и на НН, иначе вам такого за 1к сделают...
ВОт ты задачу расписал))) Здорово конечно, но горазо проще это гамбургер через плагин добавить. Быстрее точно будет. Плагин называет Responsive Menu вроде так