На этот вопрос возможно никто не даст ответа, потому что это просто надо сесть и написать за вас весь скрипт. Т.к. судя по самому вопросу вас детали не интересуют, вам нужно готовое решение какое-то.
1) если нужно готовое решение - надо гуглить
2) если вы действительно хотите написать скрипт действуете примерно так:
- узнаем ширину родительского контейнера меню
- узнаем ширину каждого пункта
- потом начинаем перебирать пункты и плюсовать, не забываем что под ваш "бургер", тоже надо место
- после определенного пункта всем остальным ставим display:none и вешаем "бургер"
- на бургер вешаем событие клика, на событие клика функцию которая будет сворачивать разворачивать ваши пункты
на все про все займет полчаса отсилы(вместе с ковырянием в доках) если вы более менее соображаете в JS/jQuery
но если вы сами не хотите писать, в интернете вариантов миллион, и тостер вообще тогда вам не нужен
