How can I fix my cropped image banner on both desktop and mobile?

Store Design
1

Hi

Is there any experts that can help me on this.

I have uploaded my image - under Image banner.

However the image gets cropped off at the end (for desktop) and at the side (for mobile).

Is there any code that i can set to fix and show the full image?

Option for Banner height is selected as “Small”

Store Link : https://fluffypawssg.myshopify.com/

Password : Laispotty

photo1681449454 (1).jpeg
photo1681449454 (1).jpeg1280×720 85.6 KB

photo1681449454.jpeg
photo1681449454.jpeg591×1280 66.6 KB

2

HI @FFPNF

This is Victor 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>img {

object-fit: fill !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hi Victor

I added the code. Image fits however the image becomes compressed like squashed.

photo1681474455.jpeg
photo1681474455.jpeg1280×720 101 KB

4

Sorry for missing your message.
I have checked the above issue again and noticed that you changed background and the problem is gone.
In case you have any other problems don’t hesitate to let us know.

Best regards,

Victor | PageFly