Having problems viewing on mobile on the Craft Theme

Having problems viewing on mobile on the Craft Theme,
Can anyone help me so that these photos look at the fit size, because when zoomed out they will look like desktop mode.

Hi @DeanChris

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

img.global-media-settings.global-media-settings–no-shadow.active {

width: 56vh !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Hi @DeanChris

Please go to Online store > Themes > Edit cod > open theme.liquid file, add this code after tag


Hi, Thank you for responding to my problem,
But I have tried it but it doesn’t work,
Maybe this problem is in the photo ratio,
If it uses a 3 x 4 ratio, when the photos are opened, they look good and the photos can’t be zoomed out. The only problem is with photos that don’t have a 3x4 aspect ratio. When zoom out the screen will be half.

Left is a photo that has been zoomed out, then right is a photo that after zooming out, it will become stuck as if it were photographed

This fixed my problem, Thank you.!

BTW, is it possible to create a slider on a photo that has been opened? Because in this theme, when a photo is opened, there is no slide button to the next photo

Hi @DeanChris

It can be. Let me check and will give you the code to do it after testing on my testing store.

Can’t wait for it.! Thank You.! :slightly_smiling_face: