What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Desktop images size proportion to Mobile

Why do my website images change dimensions from mobile to desktop?

kenring81
New Member
8 0 0

Hi

 

https://finewines.ie/

Enter Hulkisangry123$

Alchemy version 3.1.10

 

My images look fine on mobile version but dimension changes on desktop images see example attached

this happens throughout the website.

 

Please help..

 

I've attached image example of both desktop and mobilemobile version.JPGdesktop image.JPG

Replies 2 (2)

PageFly-Henry
Shopify Partner
1184 335 292

Hi @kenring81 

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 stylesheet.css

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

 

#shopify-section-collection-template .banner-image.fixed-height.rimage__image.fade-in.lazyloaded {

    height: 72vw;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

kenring81
New Member
8 0 0

Hi Henry

 

thank you for your help.

Entering the code just show a different portion of the image , it doesn't change the area size

kenring81_0-1697972218153.png