Image grid for mobile version


#1

Hi
I would need to optimize the image grid in the homepage of my website www.cardiomiopatiaipertrofica.info : “CONOSCERE LA CARDIOMIOPATIA IPETROFICA”
in the laptop version is in 4 column
I think for the mobile version it would be better in 2 columus , and decrease the font size of the image caption

thanks for your help


#2

Hello there,

Try adding this CSS code to your site’s Additional CSS.

    @media only screen and (max-width: 767px) {
      #pgc-494-7-0 .gallery-columns-4 .gallery-item {
        max-width: 50% !important; 
      }
    }

Regards,
Kharis


#3

perfect thanks a lot!


#4

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis


#5

Hi

How can I change this also for the English version?

www.cardiomiopatiaipertrofica.info/en

Thanks

Gianni


#6

Hello Gianni,

Which part you’d like to change? Would you please be more specific?

Regards,
Kharis


#7

The image grid Knowing hypertrophic cardiomyopathy

For the Italian code it was

@media only screen and (max-width: 767px) { #pgc-494-7-0 .gallery-columns-4 .gallery-item { max-width: 50% !important; } }

#8

Hello there,

Try adding this extra CSS code:

    @media only screen and (max-width: 767px) {
      #pgc-666-6-0 .gallery-columns-4 .gallery-item {
        max-width: 50% !important; 
      }
    }

Regards,
Kharis