1. Главная
  2. Блоги
  3. Блог asda2006

Как изменить ширину экрана для сворачивания TB Megamenu

Главные вкладки

Аватар пользователя asda2006 asda2006 26 февраля 2014 в 12:33

Для создания горизонтального мега меню использую модуль TB Megamenu. Я так понимаю он использует bootstrap. Кто пользовался им и знает как изменить настройки, что бы меню сворачивалось в кнопку при меньшем размере экрана? По умолчанию 980 - многовато для мобильных.

Комментарии

Аватар пользователя animan animan 11 августа 2015 в 16:14

Решено! Файл в модуле tb_megamenu - tb_megamenu/css/default.css - строка 1556. А также в файлах: tb_megamenu/css/styles/black.css, tb_megamenu/css/styles/blue.css, tb_megamenu/css/styles/green.css

@media (max-width: 979px) {
.tb-megamenu {
  background-image: none;
  background-color: inherit;
}
       
.tb-megamenu .nav-collapse,
.tb-megamenu .nav-collapse .dropdown-menu {
  background-color: #333;
}
.tb-megamenu .nav-collapse .nav > li > a,
.tb-megamenu .nav-collapse .dropdown-menu a {
  border-bottom-color: #444;
  border-top-color: #444;
  color: #eee;
}
.tb-megamenu .nav > li > a {
  color: #eee;
  border-right: 1px solid #444;
}
}

И для отображения меню нужно внести изменения в tb_megamenu/css/bootstrap.css:

@media (min-width: 980px) {
.tb-megamenu .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

Внимательно правьте фалы, ибо там много изменений нужно сделать.