Phoca Gallery Image Module not responsiv?

[sapo]

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]

Hi sapo,

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

[sapo]

Hi Christine

thanks for helping.
I put it on the end of the Template CSS, but it is still the same problem.
Can you have a look please?
Thanks a lot!

[christine]

Hi Sapo,

sehr schöne Landschaftsbilder! Erst nach Leeren des Caches, habe ich gesehen, dass auf Mobilseite es nun responsiv ist.

mit jetzigem Code: https://imgur.com/w2lvE84
ohne Code: https://imgur.com/bXaLjlL
Oder Du meinst es anders.

Liebe Grüße
Christine

[sapo]

Salut Christine

hast recht, passt so bestens.
Vielen herzlichen Dank auch fürs Kompliment

[christine]

Hallo sapo,

danke für Deine Rückmeldung!
Liebe Grüße
Christine