Проблема с адаптивностью мобильной версии - PhocaGallery

Всем привет! Прошу помощи..
В мобильной версии на страницах, где используется PhocaGallery или плагин галереи, появляется горизонтальная прокрутка (пустое пространство справа). Если убрать код плагина или перейти на страницу где не используется PhocaGallery, проблема исчезает.
overflow:hidden; для блока не помогает.
Проблема появляется, когда ширина сайта становится меньше 662px.



Сайт http://steelmaster23.ru/
Joomla 3.6.5
Phoca Galery 4.2.1
Phoca Galery Plugin 4.2.1

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

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

Я на форуме видел человек тоже задавал такой вопрос, но ответа не получил.

В мобильной версии на страницах, где используется PhocaGallery или плагин галереи, появляется горизонтальная прокрутка

А можно сразу указать проблемную страницу ? Ну как бы не совсем (вежливо?) заставлять искать желающих помочь, страницу где есть Фока.

А можно сразу указать проблемную страницу ? Ну как бы не совсем (вежливо?) заставлять искать желающих помочь, страницу где есть Фока.

На главной странице табы с галереями. На скриншоте как раз отображена проблема.

а вас в стилях ничего не смущает? http://joxi.ru/EA4Z4paiDkaqYm

а вас в стилях ничего не смущает? http://joxi.ru/EA4Z4paiDkaqYm

Это я выключил адаптивность, т.к. мобильная версия только делается.
Вот сейчас включил responsive, смотрите.

да нормально там всё...

да нормально там всё...

Прикладываю скриншот с телефона



Что интересно, если окно больше 662px, то этого поля нет. И если убрать галерею, проблема исчезает.

Смотрели и в режиме адаптивности, и в режиме разных девайсов, скролла нет. Но верстка в блоках плывет при разных разрешениях.
И учтите что телефоны разные .

Смотрели и в режиме адаптивности, и в режиме разных девайсов, скролла нет. Но верстка в блоках плывет при разных разрешениях.
И учтите что телефоны разные .

Верстка на нем еще не проработана. В предыдущем моем сообщении скриншот с телефона. Тоже самое происходит в Chrome, в режиме просмотра на мобильных.

Что интересно, если окно больше 662px, то этого поля нет. И если убрать галерею, проблема исчезает.

Толко что заходил с iPhone 5s через сафари - нет прокрутки горизонтальной

/media/com_phocagallery/css/custom/default.css
Насчет файла- судя по говорящему имени.

Код

.phocagallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/media/com_phocagallery/css/custom/default.css
Насчет файла- судя по говорящему имени.

Спасибо за ответ, но такой вариант просто увеличивает отступ между картинками, а проблему не решает..
Не знаю как на iphone, но на андроеде в Chrome и Opera проблема есть.

В общем проблема связана с использованием библиотеки boxplus для открытия изображения во всплывающем окне. Библиотека доступна для выбора в настройках компонента. Если выбрать другую библиотеку, то таких проблем нет.
Неправильно вычисляется ширина для блока
Которая не становится меньше 620px, из-за чего и получается пустое поле справа.

Кто-нибудь знает как это победить?