How can I resize my hero banner for a better mobile view?

Store Design
, , , ,
1

I need to resize my banner to be bigger for when its on mobile and fit more of the screen so people need to scroll like they do on desktop. My store link is:

https://nosetotailprovisions.com/

Password: BISONBOVINE

Please let me know how to fix

2

Hi @nosetotail

This is Richard from PageFly - Shopify Page Builder App

In order to achieve what you want, the image will be stretched, i think it will better if you have a vertical dimension for mobile banner

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1701823182936.png
PageFlyRichard_0-1701823182936.png390×844 235 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like
3

It made it the size I want, but I need the entire banner to fit. Right now it is just cut off. How would I make it that size but fully fit into frame?

4

@nosetotail as you can see, currently the size is fit, but the dimension is not

Current dimension is horizontal, you will need an 9:16 dimension which is vertical for mobile.