Страница 17 из 17

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 23 мар 2018, 10:49
eska
который под третим скриншотом

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 24 мар 2018, 08:54
CabinetAdmin
Задать класс menubar-pro.
В поле для стилей добавить:

Код: Выделить всё

.menu-navbar { max-width: 1152px; padding: 0 14px; } .menu-navbar #tabs { border: 1px solid #EAEAEA; } .menu-navbar .menubar-pro { background-color: #ffffff; border-radius: 2px; } .menu-navbar .menubar-pro li > ul { background-color: #ffffff; border: 1px solid #b9b9b9; border-top: 3px solid #5780AB; border-radius: 0; } .menu-navbar .menubar-pro ul li:first-child > a:after { border-bottom: 6px solid #5780ab; } .menu-navbar .menubar-pro ul li:first-child a:hover:after { border-bottom-color: #5780ab; } .menu-navbar .menubar-pro ul a:hover { background-color: #f5f5f5; } .menu-navbar .menubar-pro .dropdown .dropdown-contents { background-color: #ffffff; border-color: #f1f1f1; } @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { .menu-navbar #tabs .menubar { margin-left: -15px !important; margin-right: -15px !important; } }

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 24 мар 2018, 10:07
eska
Как увеличить строки меню, а то всё мимо кассы.
Изображение

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 24 мар 2018, 10:55
eska
eska писал(а):Источник цитаты Как увеличить строки меню, а то всё мимо кассы.

правильно ли я сделал

Код: Выделить всё

.menubar ul a { padding: 10px; width: 130px; - изменил на 100% display: block; white-space: nowrap; float: none; text-transform: none;

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 24 мар 2018, 11:03
eska
Но почему-то появился косяк, с телефона теперь страница не влезает целиком, то есть двигается влево, вправо((

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 24 мар 2018, 18:17
CabinetAdmin
Это из-за всплывашки. При уменьшении экрана пункты, вместе с подменю, прячутся под кнопку, но так как кнопка в самом начале, то она, соответственно, не сворачивается и ширина всплывашки выходит за границу экрана.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 24 мар 2018, 18:59
eska
CabinetAdmin, это пипец как не удобно((( удалять что ли...

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 20 июл 2018, 08:08
eska
CabinetAdmin, вы ка то писали как можно сделать первую кнопку в красном цвете (фон
всю тему перелопатил, но найти не смог(

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 20 июл 2018, 16:51
CabinetAdmin
Было дело. Добавить новый класс:

Код: Выделить всё

<li class="first_item"><a href="#">Пункт 1</a> <ul> <li><a href="#">Пункт 1.1</a></li> ... </ul> </li>

в menubar.css:

Код: Выделить всё

.menubar li.first_item > a { background: #e60000; color: #fff; }

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 июл 2018, 10:39
Jim
Для 3.2 же идёт ?

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 июл 2018, 14:34
CabinetAdmin
Да.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 25 июл 2018, 20:31
eska
CabinetAdmin писал(а):Источник цитаты .menubar li.first_item > a {
background: #e60000;
color: #fff;
}

CabinetAdmin, спасибо

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 08 авг 2018, 18:16
aleksndr
У меня где свернутые категории [три полоски] ни чего не открывается

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 09 авг 2018, 17:16
CabinetAdmin
У вас очень много ошибок в консоли. Из-за этого и не работает, какой то скрипт нарушает работу родных скриптов форума, а в этом расширении используются родные скрипты для сворачивания пунктов.