Phoca Gallery Image Module not responsiv?

sapo
Phoca Enthusiast
Phoca Enthusiast
Posts: 54
Joined: 13 Apr 2011, 16:28

Phoca Gallery Image Module not responsiv?

Post by sapo » 11 Oct 2018, 20:39

please have a look here:
https://www.natur-fotograf.ch/index.php/top-10
The picture are set to 420 width on module settings.
How can i do it to set it responsive?
I'd like 2 rows with the pictures on big screen and 1 row on Handy. but responsive.
thanks for helping


christine
Phoca Hero
Phoca Hero
Posts: 1366
Joined: 28 Nov 2010, 17:20

Re: Phoca Gallery Image Module not responsiv?

Post by christine » 12 Oct 2018, 14:16

Hi sapo,
sapo wrote:
11 Oct 2018, 20:39
The picture are set to 420 width on module settings.
yes, there is an inline-segment with fixed pixel.
How can i do it to set it responsive?
in principle it works already (generally) in template.css > with: max-width:100%; but for the module there are fixed width.

In your case it's very usefull sharing us your URL, to see that the module has also a div class: mosaic. Therefore:

Add at the end of your template.css:

Code: Select all

#phocagallery-module-ri .mosaic {
max-width:100%;
height:auto;	
}
Kind regards
Christine

Post Reply