Здравствуйте товарищи! Есть сайт lilisava.ru. В целом как все работает меня устраивает, но менюшка, которая становится выпадающей в мобильной версии, ведет себя странно. Налазит на фото и вместо того чтобы отодвинуть его, и пропадает середина меню... При чем косяк такой судя по всему только на андроид смартфонах. На виндоузфонах ведет себя нормально, на айфонах тоже. А вот на андроидах косячит. Подскажите пожалуйста почему так происходит и как это исправить?
Меню сделано с использованием bootstrap 3, так что код в свободном доступе. Вот так выглядит код самого меню HTML: <div class="mainmenu pull-left"> <ul class="nav navbar-nav collapse navbar-collapse"> <li><a href="/">Главная</a></li> <li class="dropdown"><a href="/shop/">Магазин<i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="/catalog/">Каталог товаров</a></li> <li><a href="/cart/">Корзина</a></li> </ul> </li> <!--<li><a href="/blog/">Блог</a></li>--> <li class="dropdown"><a href="#">Творческие Проекты<i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="/rr/">Коллекция Рассекая Реальность</a></li> <li><a href="/cinderella/">Cinderella</a></li> <li><a href="/fifties/">Фотодень Fifties (50's)</a></li> <li><a href="/sd/">Фотодень Spring Dreams</a></li> <li><a href="/bridesmaids/">Bridesmaids</a></li> <li><a href="/fineart/">Фотодень Fine Art</a></li> <li><a href="/barbie/">Фотодень Barbie Party</a></li> <li><a href="/barabanovo/">Wedding in Barabanovo</a></li> <li><a href="/redhead/">Redhead & Red Cat</a></li> <li><a href="/ow/">My Girl</a></li> <li><a href="/moth/">White Moth</a></li> <li><a href="/kubekovo/">Kubekovo Wedding</a></li> <li><a href="/travelers/">Knitting Story</a></li> <li><a href="/slumber/">Slubmer Party</a></li> <li><a href="/autumn/">Autumn Dinner</a></li> </ul> </li> <li><a href="/shipping/">Доставка и оплата</a></li> <li><a href="/about/">О дизайнере</a></li> <li><a href="/contacts/">Контакты</a></li> </ul> </div> Ну а стили из bootstrap.