Phoca Gallery Plugin

info1190
10 Posts
info1190 posted this 06 September 2016

Hi! I'm using the phoca gallery plugin to display thumbnails on several posts (joomla template). This works fine on larger screens and tablets, but not on phones. The number of columns changes automatically when I scale the browser window. On phones the entire layout is far too wide. Obviously a template issue … (or plugin)?

Example URL: http://cnc.ch10.serverline.ch/index.php/projekte/nach-materialien/aluminium

Thanks for any hint, I've been trying to solve the problem for hours so far ;-)

Hi! I'm using the phoca gallery plugin to display thumbnails on several posts (joomla template). This works fine on larger screens and tablets, but not on phones. The number of columns changes automatically when I scale the browser window. On phones the entire layout is far too wide. Obviously a template issue … (or plugin)? Example URL: http://cnc.ch10.serverline.ch/index.php/projekte/nach-materialien/aluminium Thanks for any hint, I've been trying to solve the problem for hours so far ;-)
width responsive phoca-gallery
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 07 September 2016

Hi,

The issue comes from the Bootstrap file loaded by the Phoca plug-in. It has the fixed width value for all containers. If possible you can switch it off or remove so the site will use the Bootstrap file from the template. If not possible, add this code under the Home >> Settings >> Additional CSS inside Themler:

.container
{
width:auto!important;
}

Sincerely,
Hella

Hi, The issue comes from the Bootstrap file loaded by the Phoca plug-in. It has the fixed width value for all containers. If possible you can switch it off or remove so the site will use the Bootstrap file from the template. If not possible, add this code under the Home >> Settings >> Additional CSS inside Themler: .container { width:auto!important; } Sincerely, Hella
info1190
10 Posts
info1190 posted this 07 September 2016

Hi Hella

I just added the code to the css and now it works perfectly on all devices! Once again fast and excellent support!
You saved my life ;-)

Thanks a lot!

Cheers, Reto

Hi Hella I just added the code to the css and now it works perfectly on all devices! Once again fast and excellent support! You saved my life ;-) Thanks a lot! Cheers, Reto
info1190
10 Posts
info1190 posted this 07 September 2016

Oops, just found out, that the entire layout of the template is now fluid, but i need it boxed …

Oops, just found out, that the entire layout of the template is now fluid, but i need it boxed …
info1190
10 Posts
info1190 posted this 07 September 2016

I could solve it by changing the phocagallery bootstrap.min.css by replacing .container{width:940px} with .container{width:auto}, so the template layout stays boxed.

I could solve it by changing the phocagallery bootstrap.min.css by replacing .container{width:940px} with .container{width:auto}, so the template layout stays boxed.
Support Team
Support Team posted this 07 September 2016

Hi,

Yes, this is the best solution, great that you have managed it.
Please feel free to contact us in any other occasion.

Sincerely,
Hella

Hi, Yes, this is the best solution, great that you have managed it. Please feel free to contact us in any other occasion. Sincerely, Hella
You must log in or register to leave comments