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

Скрипты и расширения для phpBB 3.1.x
Собственные расширения, допиливание уже существующих.
Свои виды перевода, свои виды стиля расширений под свои нужды.

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 24 мар 2018, 08:54 Сообщение

Задать класс 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; } }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

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

eska 24 мар 2018, 10:07 Сообщение

Как увеличить строки меню, а то всё мимо кассы.
Изображение

Аватара пользователя
eska

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

eska 24 мар 2018, 10:55 Сообщение

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

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

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

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

Аватара пользователя
eska

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

eska 24 мар 2018, 11:03 Сообщение

Но почему-то появился косяк, с телефона теперь страница не влезает целиком, то есть двигается влево, вправо((

Аватара пользователя
CabinetAdmin

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

CabinetAdmin 24 мар 2018, 18:17 Сообщение

Это из-за всплывашки. При уменьшении экрана пункты, вместе с подменю, прячутся под кнопку, но так как кнопка в самом начале, то она, соответственно, не сворачивается и ширина всплывашки выходит за границу экрана.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

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

eska 24 мар 2018, 18:59 Сообщение

CabinetAdmin, это пипец как не удобно((( удалять что ли...



Похожие темы

Вернуться в «Расширения для phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость