Для фриланса WORDPESS подойдет. Но встанет вероятно вопрос - зачем тогда вообще учить html, css, js... За счет консткурторов делая заказы на WP не нужно практически знать все это...

Можешь посмотреть как сделанно здесь https://codepen.io/erikterwan/pen/EVzeRP, тоже без JS. Но вот как можно анчекнуть checkbox по медиазапросу без JS ничего в голову не приходит...
Вот так можно на JS:

const mq  = window.matchMedia("(max-width: 700px)");
const checkbox = document.querySelector('#burger-active');

window.addEventListener('resize', function(){
if(!mq.matches && checkbox.checked) {
	checkbox.checked = false;
}
});

По поводу залезания, то там на body добавляется overflow: hidden; и padding-right: 17px; чтобы компенсировать отсутствие полосы скролла... но так как на header position: fixed; то на него это не распространяется. Видимо на header так же нужно добалять стиль padding-right: 17px; при открывании модального окна.

По поводу закрывания модального окна меню после скролла до анкора, нужно убирать класс active после завершения скрола до анкора, но так как у тебя нет даже анимации скролла, то просто по событию клик по ссылке, должен убираться класс active у menu trans_800. Но так как я полагаю что ты пользуешься библиотеками и разными плагинами, то нужно смотреть как это настроить в документации...

css-live.ru/articles/zagadochnye-otstupy-mezhdu-in... Вот нашел целую статью с множеством примеров как с этим бороться. Самый лучший способ как по мне это поставить

.dor { font-size: 0 }
.nav ul { font-size: 0; }
.nav li { font-size: 16px; }