Phoca Forum

Hello,

it seems Phoca Gallery Plugin make my website wider on mobile screens. Result is website in not scrollable only up/down as it should, but about 70% only to the left as well. That effect is very unpleasant from user point of view.

With Phoca Gallery Simple Plugin everything is Ok.

Pls check by your self on mobile screen.

Here is link to page with Phoca Gallery Simple Plugin: https://vnaravi.si/obalno-kraska/debela-griza

and here is link to page with Phoca Gallery Plugin where problem occur: https://vnaravi.si/obalno-kraska/golic

Kindly pls advise how to solve that problem.

Brgds/Matej

Hi, can you paste a screenshot of what do you exactly mean?

I don't see any problem with scrolling



Jan

Hi,

did you tried to scroll it left and right? That should not happen. Pls check below url with screenshots.

https://imgur.com/a/NHEsI8Z

Brgds/Matej

Hi, do you get the same problems when using responsive Phoca Photo Plugin? (Phoca Photo component and plugin are responsive variants to Phoca Gallery - they use images from Phoca Gallery so there is no need to add new images):

https://www.phoca.cz/phocaphoto
Jan

Hi,
with Phoca Photo Plugin (and with Phoca Gallery Simple Plugin) that problem does not happen. It happens only with Phoca Gallery Plugin - which I really need :).

Brgds/Matej

Hi, unfortunately for now I don't know any other solution. Either customize the Phoca Gallery plugin or use the responsive Phoca Photo plugin

Jan

Hi Jan,
today I have reinstalled Phoca Gallery Plugin - and got further styling problems. Padding-top of image under Phoca Gallery plugin content does not behave correctly.

Also I have noticed that click on one of plugin images removes initially described problem with screen size!

Kindly pls let me know which files I should customize in order to prevert styling problems I have with Phoca Gallery plugin.

Thx&brgds
Matej

Hi, to solve styling problems on your site, you can use any CSS (best custom.css) which is loaded on your site. So just find the problematic part (e.g. with help of Google Devtools) and change the CSS e.g. in your custom.css file.

Jan