thread Re: Square Online: Mobile view looks oddly big. in Online Store

What is the recommended image size for my Square Online Store banner?

Dek — Sat, 30 May 2020 17:43:40 GMT

The title of this post has been edited from the original: Square Online: Mobile view looks oddly big.

When I toggle between Desktop view & Mobile view, the banner images looks big and cropped out or cut off on the mobile. What size banner do we need? Pixel? Help. Thank You.

Re: Square Online: Mobile view looks oddly big.

AshleyK — Thu, 21 May 2020 15:03:56 GMT

Hey @Dek and welcome to the Seller Community! The typical image size for the banners is around 2000 pixels by 1000 pixels but can vary depending on the content of the header image itself.

Let me know if those image sizes help at all!

Re: Square Online: Mobile view looks oddly big.

Dek — Wed, 27 May 2020 19:34:17 GMT

Thank you for your answer. I'll try. Appreciated your time. I'm new to square discussion group. Sorry for the late reply.

main banner image

SusanT205 — Wed, 10 Jun 2020 15:29:05 GMT

What is the preferred image size for the main banner image? I am having a hard time getting anything to work correctly....it is only showing the middle portion of the image, no matter how I resize it

Re: main banner image

nika — Thu, 11 Jun 2020 19:50:34 GMT

Check out this thread for your answer @SusanT205! 🙂

Frustrated about the banner sizes

energizerbunny — Sun, 14 Jun 2020 20:17:50 GMT

I am so frustrated. I have made an image banner and no matter what size I make it, it still gets cut off. I want the full size banner and instead of using 1920x1080, or 1500x900, I used 1250x720. On each one the sides gets cut off and when I loaded the last one 1250x720, the height of the banner shrunk to half. It's not like I haven't worked with website setups before but this site sure is not user friendly. In your layout options, it would be useful if the banner size is indicated rather than having to search Google or the community to find an answer. I was going to attach some png's so you can see what I mean, but there's no where to attach them. I know I attached some before.

Followup on the banner

energizerbunny — Sun, 14 Jun 2020 21:31:27 GMT

I previously wrote (under Troubleshooting) that the banner image kept getting cut off when I uploaded it. I finally realized that the whole image will show up if I go to "section style" (https://www.weebly.com/app/website/users/132359544/sites/705225465571887199/dashboard/editor#/page/9e61b680-9bcd-11ea-a3c9-ada79d14b3b6/block/9e61d3b0-9bcd-11ea-b464-0d829cdc15b1/section-style) and adjust to L, M, Sm. So I thought the problem was fixed. However, after publication, I find that the banner image is way too big (I used 1250x70 and it is way bigger than the banner: https://wenda-pyman-photography.square.site/home. Why???? is it not translating to my published page?

Re: Followup on the banner

nika — Tue, 16 Jun 2020 17:03:46 GMT

Sorry that you're having so much trouble with the banner size @energizerbunny. I moved your posts to this thread so you can see what the recommended banner size is for the Online Store.

Hoping this helps ease the frustration.

Why is the banner for the Online Store cut off on my mobile device?

CaitlinR — Thu, 02 Jul 2020 12:37:07 GMT

The title of this post has been edited by a moderator from the original: "Mobile Device Display Issues"

I have read the threads for using the correct banner size, and I have the correct sizing. On the desktop view it looks great, however when you view the site on a mobile device, the banner is cut off.

HELP!

Re: Why is the banner for the Online Store cut off on my mobile device?

nika — Thu, 02 Jul 2020 12:39:48 GMT

Hey @CaitlinR. Take a peek at this thread and try resizing your banner to the suggested size that AshleyK recommends above. Hope this helps!

Re: Why is the banner for the Online Store cut off on my mobile device?

CaitlinR — Thu, 02 Jul 2020 18:58:46 GMT

I stated in my OP that I had utilized the recommended image size stated in that thread. It’s still not optimizing to mobile. In mobile view only a small section of the image is visible. I’d like it to completely resize when viewed from a mobile device.

''Upload image failed'' on my site

henri5258 — Thu, 13 Aug 2020 13:17:08 GMT

Every time I try to upload a banner image for my Square online boutique, an error message appear : ''Failed to upload''.

I tried 10 different photos, with different sizes, all .jpg and it doesn't work.

Somebody have an idea?

Re: ''Upload image failed'' on my site

ashc — Fri, 14 Aug 2020 11:43:40 GMT

Hi @henri5258,

I moved your post to an existing thread where another seller had the same question.

Check out the answers in the thread.

Banner

powertrio — Fri, 14 Aug 2020 15:01:47 GMT

I am trying to add a banner to the pages and while it looks right on desktop it is cut off on the mobile site. When I adjust it to fit the mobile site it cuts off on the desktop site. How can I correct this so that it fits for both mobile and desktop?

Re: Banner

nika — Sat, 15 Aug 2020 17:30:43 GMT

Hey @powertrio! Check out the suggested banner size on this thread. It should help with the sizing issues all around!

Re: Why is the banner for the Online Store cut off on my mobile device?

amandahope10 — Wed, 02 Sep 2020 20:24:25 GMT

Did you ever have any luck fixing this issue? I'm currently dealing with the same thing. I tried resizing my banner to the size suggested earlier in the thread and it still gets cut off in the mobile view.

Re: Banner

amandahope10 — Wed, 02 Sep 2020 20:24:55 GMT

Re: Banner

Joe — Thu, 03 Sep 2020 12:49:51 GMT

Hi there, @amandahope10 - thanks for checking in here. So sorry to hear about the sustained trouble with your banner on your Online Store. If you are continuing to experience issues after exhausting the troubleshooting above, we would recommend reaching out to our Support Team for further troubleshooting.

Re: Banner

FairTradeShop — Sat, 12 Sep 2020 18:20:51 GMT

Is there a way to fix your Square main banner to have the height of the banner box scale dynamically? The answer I'm seeing you throw to everyone is to use a 1000h x 2000w pixel ratio but that only completely shows the banner image in mobile. If the customer is on a desktop the banner has a fixed height that severely crops the image to maybe a third of its 1000 px height on a standard computer window.

I'm looking for dynamic scaling like images in the "text and image" sections but with the image fully expanding its width to the edges of the screen like the main banner.

Re: Banner

Alex_ — Sun, 13 Sep 2020 20:22:06 GMT

Hi @FairTradeShop,

For this question, we recommend contacting our Weebly Team directly. They will be your best resource in getting this inquiry addressed. Also, having a specialist that can look into the specifics of your account will be highly beneficial.

Check out ways on how to get in contact with them by visiting here.