Jump to content

Different image ratio in desktop view and phone view

Recommended Posts

Hello!

I just started creating a new page and I was wondering if I can do something with this issue I have.

I want the top of the page to be a design made by me, so I used my photo as a background. In the desktop configuration it fits perfect, but when it comes to the mobile, you can see it doesn't work. There is a way to fix this? When I try to fix the photo in the mobile section, it also changes the Desktop view.

 

Thanks!

phone.png

Desktop.png

Link to comment
  • Replies 1
  • Views 932
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi @knowledgeonline, since you've designed this image specifically for desktop, there's not much you can do to make this look good on mobile, it'll either be very cropped or so small it's illegible. If you designed a mobile-specific banner you could try this technique:

https://insidethesquare.co/squarespace-tutorials/mobile-background

But generally speaking it best to put the text in as text so it's responsive and useful for SEO.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.