Как адаптировать меню под мобильные устройства?
Можно сделать на чистом СSS или JS.  На CSS делается через медиазапросы и псевдоклассы. Нужно на мобильном экране скрывать меню для десктопов и показывать другое меню для телефонов при каком то событии, например, при клике. Подробно рассказывается в этом видео:
https://www.youtube.com/watch?v=MwD_tZGc7gA
"Гамбургер" без js - label + скрытый checkbox 30:33
А кроме меню, адаптировать больше ничего не требуется?))
Вручную адаптировать весь сайт - неблагодарный и адский труд, сопровождающийся громкой, ненормативной лексикой.
Те, кто пробовал это делать без фреймворков - отлично это знают:)) Поэтому лучше выберите и вы себе какой-либо подходящий по знаку зодиака, их то валом, только перебирай. 
Сэкономите массу времени, нервов, да и сайт будет намного "ровнее" в итоге.
Вот несколько:
https://getbootstrap.com/
https://getuikit.com/
materializecss.com
и др.