Logo looks good on mobile site but stretches out on desktop view

[ArielMaxin]

I have a circular logo and I am having trouble with the sizing not transferring well to desktop view. It gets stretched out and is unreadable. Can this be fixed? I have not published my site yet so here are screenshots.

[_Violet]

Hey there @ArielMaxin 👋 I see this is your first post in the Square Community so I'd like to officially welcome you! 🎉 My name is Violet and I'm one of the Moderators here.

I'm not sure if there's a way to do this, other than resizing the image. Let me loop in some of our Square Champions, who also use Square Online, to see what they recommend!: @Callee1945 @Abigails_stl @sugarlab @keicollective 

[Callee1945 · Accepted solution]

Hey @ArielMaxin ! Welcome to Square Online! You'll want to have different versions of your logo for different application. This is a cover or "hero" image on the desktop so it will be rectangular.

An easy way to quickly adapt your logo is by using a program like Canva and their "magic resize." They even have presets for FB and IG cover images, profile pictures, and posts so you know you have the right size! 

For the online site, play around with different sizes and shapes for your logo and you can use the preview function to see how they look on mobile, tablet, and desktop.

You can see on my site: callee1945.com how I chose a "hero image" that can be resized without affecting the content.

[_Violet]

Thanks so much for your help on this one, @Callee1945 ! 🌟

[ArielMaxin]

Thank you!