Bootstrap Dropdown на мобильных телефонах странное поведение

Question

Я использую bootstrap и joomla и получил очень странную проблему ... если я использую «нормальную» навигацию, все отлично работает. Если я уменьшу размер окна браузера, свернутое меню появляется значок. Если я нажму, он отобразит меню, а также раскрывающееся меню. Если я просто нажимаю на него, ничего не двигаясь, ничего не происходит ... если я перемещаю мышь, появляются подэлементы ...

самая странная часть ... на мобильных телефонах Я могу открыть свернутое меню, но если я нажимаю на раскрывающееся меню, ничего не происходит ... Если я сильно увеличиваю масштаб, иногда, когда я очень часто касаюсь стрелки, появляется меню ...

Я схожу с ума !!!

Вы можете найти страницу на

http://buero.marketing-inspiration.com/mutpol_de_neu/

Спасибо за вашу помощь!

Answer 1

Ваш шаблон загружается две разные версии Bootstrap js, Joomla's (2.3.2) и 3.3.1. Я ожидаю, что это вызовет проблемы в ряде областей.

Какой бы путь вы ни выбрали, вам необходимо убедиться, что используемая разметка подходит для используемой версии Bootstrap.

Лично я бы пошел с текущим Bootstrap и отключил версии Joomla с системным плагином. Я очень рекомендую этот один:

https://github.com/phproberto/plg_sys_mootable

Answer 2

Вы можете попробовать исправить это в CSS код для конкретного разрешения отключить, включить или добавить различные конфиги CSS, как это:

@media (max-width: 767px) { 
    .uk-dropdown-grid > [class*='uk-width-'] { 
    width: 100%; 
    } 
    .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 
    margin-top: 30px; 
    } 
}