Как сделать прокрутку контента Navbar в мобильном представлении? - PullRequest
Новая
       30

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

0 голосов
/ 02 февраля 2019

В мобильном представлении я не могу прокрутить вниз, чтобы увидеть другие ссылки на загрузочной панели навигации.

Как это выглядит сейчас (я не могу прокрутить вниз, чтобы увидеть все 15 ссылок навигации, которые у меня есть): enter image description here

Как мне сделать прокручиваемую панель навигации такой, как эта:

enter image description here

Мой код панели навигации: 

%nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.sticky-top
  %a.navbar-brand{:href => "/"}
    MyBrand
  %a.navbar-toggler{"data-target" => ".sidebar", "data-toggle" => "collapse", :href => ""}
    %span.navbar-toggler-icon
  .collapse.navbar-collapse.sidebar
    %ul.navbar-nav
      %li.nav-item= link_to "<i class='fa-color-green fa-fw fa fa-calendar-plus'></i> #{t('sidebar.new_event')}".html_safe, new_event_path, class: "nav-link"
    %ul.navbar-nav.ml-md-auto.d-md-flex
      .input-group
        = search_form_for @ransack_clients, as: :clients_search, url: search_clients_path, html: { method: :post }  do |f|
          = f.search_field :full_name_cont, class: 'form-control', style: 'float: left; width: 100%; ', placeholder: t('sidebar.search_client'), :autocomplete => :off
          .input-group-append
            %button.btn.btn-success{:type => "submit"}
              %span.fa.fa-search{"aria-hidden" => "true"}
    %ul.navbar-nav.side-nav
      %li.nav-item= link_to "<i class='fa-color-green fa-fw fa fa-calendar-plus'></i> #{t('sidebar.new_event')}".html_safe, new_event_path, class: "nav-link"
...