В настоящее время я создаю приложение rails, которое использует боковую панель для навигации. Чтобы сделать его более удобным для мобильных устройств, я создал еще одну панель навигации, которая расположена вверху тега body в application.html.erb.
. В настоящее время я отображаю их оба в * 1005. * тег, например <%= render 'shared/sidebar' %> и <%= render 'shared/mobilenavbar' %>. Моя идея заключалась в том, чтобы иметь css, который скрывает боковую навигацию до размера экрана x, а затем показывает боковую навигацию + скрытие верхней навигации от этого размера экрана вперед. Я реализовал это, но теперь весь сайт стал пустым.
При проверке элемент body теперь имеет высоту 0, когда скрывает отображаемые навигационные элементы.
Я собираюсь это правильный путь, или есть более эффективный способ сделать это? Спасибо, что нашли время, чтобы прочитать / ответить.