Dim2017

Зарядку что ли ??
Открываем Хром вкладку NetWork и делаем как на скриншоте

потом после этого нажимаем кнопку Play и ниже появится ссылка на видео наводим и ПКМ : open in new tab и всё

Во первых, там стили записаны не в CSS, а в SCSS. Поэтому, заходите на этот сайт https://www.sassmeister.com/ , вставляете SCSS в левую часть и забираете CSS из правой.

Второе. Посмотрите на разницу в классах. Там nav, а у вас menu. Поэтому меняете все .nav { на .menu {.
И далее по аналогии: nav__item -> page_item

Открывай смотри.
Для этого удобно использовать Flex, при этом используя media query можно менять направление на колонку, вместо строки.
Ну а дальше дело техники. Добавляй вспомогательные элементы, которые видны только на маленьком экране, а на большом не видно. Это может быть как раз символ меню(ну допустим тот же "бургер"), далее с помощью js можно сделать по клику добавлять "показать"/ "скрыть" для нового уже вертикального меню (на самом деле можно и чисто на css, чуть больше мороки и ограничений)

Здравствуйте!
1) смотря какая тема...
2) на странице вывода записей проинспектируйте элемент и найдите "общий блок". найдите селектор и добавьте код
border-bottom:1px solid red;
другой вариант открыть шаблон и в цикле добавить <hr> (шаблон archive.php category.php home.php)

Строку вставлять не надо.
В приведенном коде замени:
1. $subsets = 'latin,latin-ext'; на
$subsets = 'cyrillic-ext';
2. $fonts[] = 'Roboto:400,300,700,900'; на
$fonts[] = 'Open+Sans:400,400i,700';