Просмотр поста

.
Nells
For JohnCms 6.2.2

Всем привет, вот короче решил сделать такую фичу, бб панель как в мобильном клиенте 4PDA.
Графику не менял. Только реализация.

Установка:
Скачать архив и распаковать в корень сайта с заменой
Скопировать код ниже и вставить в style.css своей темы или тем
nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: var(--secondary); } .nav-underline .nav-link:hover { color: var(--blue); } .nav-underline .active { font-weight: 500; color: var(--gray-dark); }


PS. У меня стоял фрейм bootstrap. Проверяйте у себя
Прикрепленные файлы: