Jump to content

How to make landing page fit perfectly to screen without scrolling

Recommended Posts

Hi there 

I’m having an issue with a website I’m working on. In edit mode the homepage/landing page fits perfectly to the screen and is exactly how I want it. But if I go directly to the website url, the page is too large and therefore the image is slightly zoomed in and there is a scroll bar. This is not adjusted by changing the image size as it’s the actual page itself if that makes sense. I’m not sure what could be causing this issue but I do not want that to happen, I want it to fit to screen. I’ve tried to search on this issue but haven’t found any sufficient answers. 

I am using the 7.1 Crosby template and the landing page is just a full bleed image with a button for entry. 

I’m viewing it on an iPad Pro 12.9 if that matters. 
 

thanks 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

1 hour ago, ElizLdn said:

I’m having an issue with a website I’m working on. In edit mode the homepage/landing page fits perfectly to the screen and is exactly how I want it. But if I go directly to the website url, the page is too large

It sounds like you are struggling with responsive design.

Take a look at this support guide: Responsive Design.

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
8 hours ago, paul2009 said:

It sounds like you are struggling with responsive design.

Take a look at this support guide: Responsive Design.

 

Hey, thanks for your response.

Yes, I have already read that link but if I’m being honest, I’m still a bit confused on what I have to do to resolve the issue. I do not want to crop the image. 

It says that there a built in system that adjusts it but that isn’t the case.

I have made sure that the image matches the specs specified but that doesn’t help. Have also tested with other images, the problem still stands.

 

Thanks 

Edited by ElizLdn
Link to comment

For help with specific issues, please include a link to the page on your site. If the site isn't live, please also set a public password in the visibility settings and share it with us.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

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.