Портфолио jQuery/Bootstrap работает только с модальным на рабочем столе

Question

Я объединил модал с этой темой

с фильтруемой галереей jquery, найденной здесь

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

Я загрузил его на локальный сервер с моего тестового сайта. Я думаю, что проблема в том, что фильтруемый портфель jquery использует prettyphoto для вызова "оверлейного" класса, который я не использовал в своей разметке. Я использовал классы сетки сетки из первого портфолио темы. Любые идеи о том, как я могу заставить это работать на мобильных и планшетных разрешениях?

Благодарю вас

Answer 1

Я обернул это изображение одним из моих портфолио, и теперь оно работает, когда я нажимаю изображение на мобильном телефоне.

<figure>
                    <a data-toggle="modal" href="#myModal">
                        <img class="img-responsive" src="assets/img/portfolio/folio01.jpg" alt=""></a>
                        <figcaption>
                            <h5>WEB DESIGN</h5>
                            <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">View</a>
                        </figcaption><!-- /figcaption -->
                  </figure><!-- /figure -->