Главное горизонтальное меню

Автор avsm, 15 июля 2015, 06:05:44

« назад - далее »

avsm

Подскажите пожалуйста, как сделать чтобы в мобильной версии сайта сразу отображались категории главного горизонтального меню, по умолчанию они почему то спрятаны в  категорию  МЕНЮ

mistral

Удалите стили для мобильной версии из файла /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
@media (max-width: 767px) {
    .cat-title {
      display: block;
.....     
}

PX

У меня на iPad  в портретном виде не помещается меню в одну строку. Сделал так, чтобы при портретном виде оно становилось, как в мобильной версии, но при таком раскладе оно не открывается, хотя на нажатие реагирует. Что надо поправить, чтобы открывалось? ios.

DarinSr

Если у ссылки присутствует псевдокласс hover в css (a:hover), то на IPad при первом клике по этой ссылке срабатывает событие hover.
Попробуйте быстро сделать два клика, если происходит обычный переход по ссылке, значит проблема с псевдоклассами.
Тогда нужно добавить в js определение User Agent iPad, если да то названичить событие touchstart, а не click как для остальных.

PX

Не, не получается двойным касанием.

DarinSr

Тогда проблема в другом, нужно тестировать. Запустить отладчик в браузере и проверить какое событие возникает при клике на ссылку.

PX

Я правильно понимаю, что для сафари нужен? Какой посоветуете, не работал под ios никогда с данной задачей.

DarinSr

Цитата: coder от 02 октября 2015, 15:40:44
Нажать F12
Для отладки в различных браузерах
FireFox — Firebug
Opera — Dragonfly
IE — WebDeveloper или встроеные developer tool.
Safari (любое WebKit-приложение) — Drosera
Chrome  — Инструменты Разработчика.