Адаптив

Ну так и реализовать. Начинаем с 

<meta name="viewport" content="width=device-width, initial-scale=1">

Дальше добавляем какую-то универсальную часть для экранов 960px и меньше:

@media screen and (max-width: 960px) {
img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100%; box-sizing: border-box;}
table, span, ins {max-width: 100%;}
}

Ну и потом меньше и еще меньше. И так до 330 - 310px:

@media screen and (max-width: 775px) {
}
@media screen and (max-width: 500px) {
}

Если нужно, добавляем отдельное меню в шапке. Которое Гамбургер или "Бутерброд". Смотрим что мешает уменьшить сайт и работаем / перемещаем каждый блок.

Часто хватает мета-тега и посмотреть - чего там такое в теме происходит. )) Ну и будут вопросы - пишите.