Предотвратить исчезновение заголовка и меню - PullRequest
Новая
       8

Предотвратить исчезновение заголовка и меню

0 голосов
/ 20 марта 2020

Я купил готовый шаблон, который сейчас пытаюсь повторить. См. Пример этого: http://demo.ir-gruppen.se

Клиент хочет, чтобы меню постоянно отображалось на компьютере. То же самое на телефоне, значок меню должен появиться сразу. Когда вы нажимаете его, само меню открывается, и оно должно быть отключено при нажатии пункта меню.

Все это находится в файле сценария с кодом jQuery, который я не очень хорошо знаю. Кроме того, файл без перевода строки.

Я действительно не знаю, что поднять, например, но поместите код HTML ниже. Кто-нибудь знает, как это сделать? 

<header id="navbar-spy" class="header header-1 header-transparent header-bordered header-fixed">
  <nav id="primary-menu" class="navbar navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="logo" href="index.html">
          <img class="logo-dark" src="assets/images/hanatorp/logga.png" alt="Hanatorp logga">
        </a>
      </div>
      <div class="collapse navbar-collapse pull-right" id="navbar-collapse-1">
        <ul class="nav navbar-nav nav-pos-right navbar-left nav-split">
          <li class="active"><a data-scroll="scrollTo" href="#startsida">Startsida</a></li>
          <li><a data-scroll="scrollTo" href="#omHanatorp">Om Hanatorp</a></li>
          <li><a data-scroll="scrollTo" href="#boende">Boende</a></li>
          <li><a data-scroll="scrollTo" href="#campingkarta">Campingkarta</a></li>
          <li><a data-scroll="scrollTo" href="#service">Service</a></li>
          <li><a data-scroll="scrollTo" href="#aktiviteter">Aktiviteter</a></li>
          <li><a data-scroll="scrollTo" href="#kontakt">Kontakt</a></li>
        </ul>
      </div>
    </div>
  </nav>
</header>
...