bazliiii

В общем нужно было не header-primary, а название

<?php wp_nav_menu(array('menu' => 'header menu')); ?>

Максимально тупая ошибка из-за невнимательности
'category_name' => 'project', a у нужно было категория 'category_name' => 'project-ru'

Смог пофиксить , добавить id для header__menu и обращался к элементу через getElementById , а не getElementsByClassName , не знаю почему с классом не хотело работать 0_0

В общем я понял , что написать оболочку ( белый контейнер ) в slider-item и поэтому она скакала в зависимости от слайда, что бы это исправить просто перенес оболочку белую с slider-item в slider-items , таким образом оболочка выставляется размером не зависимо от контента слайда ( ставится от самого большого контента ) и dots выравнивается по нем
Было:

&__items{
           Пустота
        }
        &__item{
            max-width: 310px !important;
            display: block !important;
            position: relative;
            z-index: 2;
            margin: 15px auto;
            background: #FFFFFF;
            box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.12);
            border-radius: 4px;
            padding: 45px 29px 90px 29px;
        }

Стало:

&__items{
            max-width: 310px !important;
            margin: 15px auto;
            background: #FFFFFF;
            box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.12);
            border-radius: 4px;
            padding: 45px 29px 90px 29px;
            z-index: 2;
        }
        &__item{
            max-width: 310px !important;
            display: block !important;
            position: relative;
            z-index: 2;
        
        }

В общем нашел решение , hover нужно было добавить menu__item
.menu__item:hover .sub__menu__list{
display: block;
}

Так работает

Нашел решение:
В js нужно добавить video.setAttribute("controls", "controls");

в общем выглядит так:

const videoPlayer = document.querySelector('.video__poster')
const video = videoPlayer.querySelector('.video')
const playButton = videoPlayer.querySelector('.video__img')

playButton.addEventListener('click', (e) => {
    if(video.paused){
      video.play()
      e.target.textContent = ''
      document.getElementById('play__img').classList.add('play__img-off');
      video.setAttribute("controls", "controls");
    } else {
      video.pause()
      e.target.textContent = ''
    }
  })