Jump to content

Resize homepage full bleed image to fit mobile

Recommended Posts

Hi,

I have gone for an oversized full bleed text logo for my home page - I have done this by creating a Jpeg logo with a width of 2560px (I couldn't see a solution to do this design via squarespace itself - please advise if there is a known solution?).

I am happy with how it looks on my 16" macbook but it doesn't work at all on mobile and I really need the homepage design to scale down to show my full name - any ideas?

Thanks in advance!

Screenshot 2024-02-23 at 14.49.08.png

IMG_6167.PNG

Link to comment
  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

How have you set this up?

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

Hi Ziggy,

So I have just added a background image to a homepage and then not added any text etc. Ideally I would like to be able to add my name in text to a homepage within square space and then code the text block to be full width to the browser.

Is this possible?

Link to comment

image.thumb.png.c7c8f5dae0aa49afc2b3267470cdd8b2.pngThis is the current method I have used, this image is not downscaling to mobile. As mentioned in my previous reply, the ideal solution would be to make the text block method within the image below, expand to full site width on all browsers.

image.thumb.png.d9761cf1f229feb633202c402eb2bbf7.png

Link to comment

Honestly, I'm a little confused as you have this coverpage only appearing briefly and then redirecting.

One method that may work is to make the image with your logo the right size for mobile, i.e. a 1x2 ratio with lots of negative space top and bottom.

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

Hi Ziggy,

Yes that's right, the homepage is only meant to show for a few seconds before taking you to the main site. Essentially I just want my name on the home page to be full site width for all browsers, is this possible through custom CSS?

Thanks

Link to comment

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.