Trying to remove white bar at the bottom of the page

Hi! My goal is to have the /main page of my site have no scrolling and fit to the viewport of the screen. So it would not need any scrolling and would have the elements be in the center of the screen.

I had it almost working when I changed the section to be 100vh, but on certain screens bigger than my laptop, the white space was showing. I have deleted that custom css to start fresh. Any ideas on how I can achieve this?

This white bar issue is also happening on the /message page. I don't need this page to have no scrolling. Thank you!!

Site: https://coyote-crocodile-xabb.squarespace.com/main/

PW: backandforth

I think I figured it out!

Hi @lookkook how did you do it, as I have the same issue?  Thank you.

On 4/5/2024 at 11:09 PM, sandracheesman said:

Hi @lookkook how did you do it, as I have the same issue?  Thank you.

If you share link to page where you want to apply this, we can check easier

@tuanphan https://begonia-rabbit-4ykb.squarespace.com/ 
p/w: Sandra12

Thank you.

On 4/8/2024 at 4:32 AM, sandracheesman said:

@tuanphan https://begonia-rabbit-4ykb.squarespace.com/ 
p/w: Sandra12

 

Thank you.

I tried checking some screen sizes on homepage, and all show fine

On 5/2/2024 at 11:38 PM, atlevy said:

Mind checking my site? I can't seem to get rid of the white bar! I moved the footer up to the body of the site because it's just a one pager. Not sure if this made a difference or not 

https://rose-tomato-tjlz.squarespace.com/ pw nikki

 

Thank you!!

Can you take a screenshot? I don't see any white bar.