@dibanshee

Drupal 8, как для темы на основе bootstrap для меню включить sticky-top?

Использую для создания темы Drupal 8 Bootstrap 4. Только начал изучать twig, drupal b php, до этого только на js и python фреймворках, что-то делал, проблема в том, что никак не могу настроить navbar с классом sticky-top, не хочет липнуть сверху, при этом fixed работает прекрасно. Подскажите кто знает в чем проблема и как решить.
Возможно не правильный подход, но у меня в навбаре два региона для двух менюх расставленых по краям -> primary и secondary, далее я с ними по отдельности работаю.
В page.html.twig вывожу их таким образом:
<nav class="navbar sticky-top navbar-expand-lg navbar-dark indigo darken-3 clearfix" role="menubar">
      {#<a class="navbar-brand" href="#">
        <img src="/themes/my-theme/images/logo.svg" class="d-inline-block align-top logo" alt="any Alt">
      </a>#}
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu"
        aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarMenu" aria-labelledby="Navbar Main Menu">
        {{ page.primary_menu }}
      <ul class="navbar-nav ml-auto nav-flex-icons">            
        {{ page.secondary_menu }}
      </ul>
    </div>
  </nav>

Очень благодарен за совет и помощь.
  • Вопрос задан
  • 116 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Kabin
Гляньте https://www.drupal.org/project/conditional_message может пригодиться. Выводит сообщения через JS
Демо здесь https://kabanchik.info/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы