Resize Imageson Mobile Devices - Question | JoomShaper

Resize Imageson Mobile Devices

F

Frank

SP Page Builder 4 years ago

Hello.

Is there a way to resize images for mobile devices? E.g.: You can look at the page https://www.kleiner-gmbh.de/index.php/de/ich-benoetige-stanzteile/unsere-referenzteile/produkt1. There is a big picture of a part we produce. If i look at it on my mobile phone, only a small piece is shown.

Can you help me?

Regards Frank

0
6 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18407

Hello Frank

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (max-width: 425px){
    .sppb-img-responsive.image-fit {
        width: 50%;
    }
}
@media (max-width: 320px){
    .sppb-img-responsive.image-fit {
        width: 40%;
    }
}

Best regards

0
F
Frank
Accepted Answer
4 years ago #18413

Hello Ofi,

thanks for your help. Please look at my screenshot at https://prnt.sc/13dxck2 Did i make it correct? On my mobile device it does not work but perhaps this will be a cache problem.

Regards Frank

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18417

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (max-width: 425px){
    .sppb-img-responsive.image-fit {
        width: 50% !important;
    }
}
@media (max-width: 320px){
    .sppb-img-responsive.image-fit {
        width: 40% !important;
    }
}
0
F
Frank
Accepted Answer
4 years ago #18435

Hm. Do you mean at "Helix Ultimate" when i select an template (see https://prnt.sc/13dzpf8). Or is there another place where i must put in den Custom Code?

Perhaps i can make an account for you? I guess you are much quicker then me ;-)

0
F
Frank
Accepted Answer
4 years ago #18436

Hey, now it works. It must be a cache problem. I hate cache :-(

Regards Frank

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18444

You are welcome. Always clean the cache after each change.

0