How to make landing page fit perfectly to screen without scrolling

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 

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.

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 

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.