@DmitriyLeo

Как правильно сделать мобильную версию?

Здравствуйте, Проблема с меню возникла, гуглил кучу вариантов только ломаю скрипт.
Есть сайт, есть мобильная версия. На меню мобильной версии при переходе по ссылке(ведущей на анкор), мобильная версия не закрывается. Только на блок открытия закрытия мобильного меню.

Просьба помочь разобраться.
<header class="header header--home">
  <div class="header__wrapper">
    <a href="/" class="header__logo">
      <img loading="lazy" src="/assets/img/svg/logo.png">
      
    </a>

    <div class="header__content">
      <nav class="header__nav">
    
<ul class="header__nav-list">
     <li class="header__nav-item"><a class="header__nav-link" href="#neispravnost">Неисправности</a></li>
    <li class="header__nav-item"><a class="header__nav-link" href="#usloviarabot">Условия работы</a></li>
    <li class="header__nav-item"><a class="header__nav-link" href="#stepworks">Этапы</a></li>
  </ul>

        
      </nav>
      <div class="header__info">
    <a class="header__tel" href="tel:+799999999">+79999999999</a>
    <a class="home-first__link btn is-phone" data-remodal-target="secondModal" data-title1="Заявка" data-title2="с кнопки меню">Позвоните мне</a>
</div>
    </div>
  
 <span class="header__menu-open" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="true" aria-label="Toggle navigation">
<span></span>
</span>

  </div>

</header>


скрипт
btnMenu = document.querySelector('.header__menu-open');
            var menu = document.querySelector('.header__content');
            var body = document.querySelector('body');

            var clickHandler = function clickHandler() {
              menu.classList.toggle('active');
              btnMenu.classList.toggle('active');
              body.classList.toggle('scroll-lock');
              };
              body.addEventListener('click', clickHandler);


Заранее спасибо огромное за подсказки и направления. javascript не знаю, на обучение пойду только в январе. А вопрос надо этот решить уже сейчас.
  • Вопрос задан
  • 187 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы