How to make mobile image banner fit screen better?

Store Design
, ,
1

Hello,

I am looking to make the mobile image banner on my store fit the screen a little better. Something like 1080x1350 dimension would be ideal. I love the image now, but it’s cropped as a square. Here is my URL:

www.corporateweapon.com

Any help would be much appreciated!

2

This is Noah from PageFly - Shopify Page Builder App

To fix that, you need to change the height of the banner. You can follow the steps below:

Step 1**:** Online Stores > Themes > Edit code

Step 2**:** Choose file theme.liquid,
Step 3: Add code above the tag

You can change the value to 25rem or another value suitable for your website.

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

3

Hi Noah,

Thanks for the response! I see the idea behind the solution, however, I’m looking to increase the height of the banner (to a 4:5 aspect ratio). The code did not work for that. Is there another solution I can try?

Appreciate the help!

4

You can change it to min-height: 50rem !important; or min-height: 55rem !important; . The height of the banner will be improved.