- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
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.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
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!
Community Moderator, Square
Sign in and click Mark as Best Answer if my reply answers your question.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
HI, thank you @ashc for tagging me in. Have you published your site with that image in the banner? Have you tried any of the other 17 layouts shown (in the red circle)? From what I see in the screenshot it is displayed as it should be, the red box I included is the edges of the webpage.
TERRI
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
@Goldneye Thank you for responding. The image does appear correct in the first screenshot, which you attached. Our concern is not with the layout, but with the scaling at both maximized window size and lower. The scaling cuts off the image as seen in the second screenshot here.
The same settings that produce the first screenshot produced the second.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
HI, thank you for attaching the second screenshot. You need to "Set the Image" meaning adjust the placement.
Here are the breadcrumbs and screenshot to adjust.
Online Dashboard, Website, Edit Site, Main Banner, click Banner Image, hover over the name of the image, click the 3 dots, popup with Set Image Object click and you will see a blue dot on the image, move the dot to adjust the image placement, Save
Placement may not be 100% what you want but will adjust.
The 17 different layouts offer different versions. You can click on each to see how the image will look. It may even have better placement with another layout.
TERRI
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
Thank you for responding. After trying Set Image Subject and a couple different layouts, a 2000x1000 image will be cut off in a maximized window regardless of those settings.
Here's a link to our site so you can see: everybodyscafe.square.site
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
HI, thank you for sharing the link. What exactly is being cut off? I'm on 11" MacBook Air and it loads and looks great.
TERRI
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
HI, can you please share a screenshot? or Link?
TERRI
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
Same issue im having there should have been a valid answer by now.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
Hi @QL1 👋
Take a look at this thread and try resizing your banner to the size that AshleyK suggests above. Please let me know how you go!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
2000 x 1000 pixels
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
Hi
The photos I have are sharp but when i upload them to square they seem out of focus and not crisp. Anybody know what to do? what size image is best to use?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
Welcome to the Community, @sharp11 -
Checkout this Best Answer by AshleyK on the perfect pixel size for your images.
I went ahead and moved your post to this thread.
If you have any issues, please let me know.
Community Moderator, Square
Sign in and click Mark as Best Answer if my reply answers your question.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
This is a circular reference back to the same thread. Its very disheartening to see that Square again fails to make clear the required photo dimensions for the website sections such as banners, testimonials, etc. This particularly looks bad for Square because you are trying to encompass all of your customer needs into one platform but the real work of making these websites function properly has not been done. This isn't the first time I have seen this with Square. How about you (Square Developers) produce a reference of photo sizes (pixels) that is linked to each Square website template? Is that really so hard to do versus reading all of these frustrated users (including myself) posts over something that is so commonly addressed in the web development market?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
I don't know that the issue is with the actual image size-- the problem, as I'm seeing it in my shop, is that the banner image is not being transitioned to a RESPONSIVE mode as the rest of that page's contents are. For instance, as uploaded, banner images look perfect on a full-size computer screen in all the templates I tried; BUT, when viewed on a cell phone screen, in either horizontal or vertical orientation, part of the banner image is cut off to fit the screen rather than automatically resizing responsively. I gather that this is what others are experiencing?? I agree that it would be VERY NICE to have a solution!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
This is exactly the problem I am having as well. I design most my sites in Wordpress with Elementor and there is a setting that allows me to select specific image sizes for responsiveness between mobile and desktop. Considering most people use their phones for browsing now I will be sizing for mobile on here but it sure is frustrating not having an option for both. I've spent wayyy to much time trying to resolve this.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
why does the answer have to be so elusive? Square knows **bleep**well the banner sizing. They should just rite a line that states the best sizes in the same box where you upload your image. Simple.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
hi! did this ever get solved? it's 2022 and I am genuinely BEGGING for an optimised image size guide for each theme. Please god!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
The website builder is a joke. Images should be fully responsive and they could be if the code was correct. The store is useless to us. Will probably continue to use PayPal for online store integration. This is the problem with "templates" you can't edit the code.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
AGH this sucks so much. SQUARE!!! FIX YOUR PLATFORM!!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report