2016-04-23 3 views
0

Я использую шаблон бутстрапа, который был создан responsecms. Все выглядит нормально на настольных компьютерах, но на мобильных устройствах рутинная навигация недоступна. Записи в раскрывающемся списке не доступны для кликов.Ошибка моделирования при начальной загрузке

Я уже пробовал много настроек, но все выглядит очень похоже на пример на http://getbootstrap.com/examples/theme/

Кто-нибудь есть ключ для меня? Сайт доступен на http://cms.h2516034.stratoserver.net/sites/zbv/index

Заранее спасибо

комбинационного

+0

Просто уточнить: он не работает на реальных мобильных телефонах, но работает на рабочем столе, где браузер уменьшен до размера мобильного телефона? Потому что у меня нет смартфона, но мобильный размер функционирует должным образом. Пожалуйста, пройдите мимо вашего html-кода, чтобы мы могли искать проблемы. – CZorio

+0

Нет. Это даже не работает на настольных компьютерах, где браузер уменьшен до размера мобильного телефона. Это просто правильно в браузерах, которые максимизируются (на рабочих столах). – Raman

+0

Ну, это сбивает с толку, потому что эта ссылка работает на моем компьютере. Я использую google chrome – CZorio

ответ

0

Кажется, ваша проблема связана с Z-индекс или что-то. Вы можете проверить в пункте меню «Aktivitäten». Масштабируйте свой браузер небольшим, и вы увидите, что записи в записи «Kontakt» доступны. Может быть, проблема рендеринга с используемой вами CMS?

Возможное решение: (не тестировалось глобальный)

body .navbar ul.dropdown-menu li, body .navbar ul.dropdown-menu li a { 
height: 30px !important; 
line-height: 30px !important; 
position: relative; 
z-index: 100000; 
} 

respond.min.css

+0

это не комментарий @Leothelion –

+0

Спасибо CHN-mk. Это выглядит неплохо, но не совсем так, как пример бутстрапа. Если я развожу «Aktivitäten», следующие следующие элементы верхнего уровня должны быть еще видны (см. Https://getbootstrap.com/examples/navbar-fixed-top/) Так что это может быть проблема с отображением и/или должность...? – Raman

+0

Ваш html-код не совсем соответствует тому, что есть в примере кода самой загрузкой. Как сказал, я думаю, что это может быть проблема с рендерингом в вашей CMS. См. Https://getbootstrap.com/components/#navbar для исходного кода примера. Также я не знаю, может ли проблема возникнуть из-за отсутствия классов контейнеров. @Raman – CHN

0

@Raman попробовать это. Он должен работать

<style> 
@media(max-width:767px){ 
    body .navbar li { 
     height: auto; 
     line-height: 65px; 
    } 
} 
</style> 
Смежные вопросы