Страница 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, это пипец как не удобно((( удалять что ли...