Header, Body and Footer all on screen with no scrolling on homepage - how can you do that?

Site URL: https://daisy-tarpon-72er.squarespace.com/portfolio/new-build

I'd like the home page of this site to include the header, body and footer on one screen whether the user is on a desktop (any size) or tablet (any size).

How can I do this?

Also, I am trying to left justify the footer text © 2021 Alexander Philip architect and right justify the menu text and perhaps add some small images in the middle.  On desktop the text appears to be centred for some reason - perhaps just an inherited feature? Am I better to create three sections  and then tell them to sit side by side?

Any help would be appreciated...

Thanks 

pw Help123

Hi. Home page or new build page?

@tuanphanHome page all on one screen regardless of size thanks.

You will need to make all element very small..

here screenshot on my screen. If you still want to continue, we will give the code

Thanks @tuanphan but it is ONLY the homepage (https://daisy-tarpon-72er.squarespace.com) that I want to have NO SCROLLING. See the image below for confirmation of which is the homepage ⤵️

Thanks

Add to Design > Custom CSS

/* Homepage no scroll */
body.homepage article section:first-child {
    padding-top: 0 !important;
}
body.homepage {
    overflow: hidden;
}

OK thanks @tuanphan but I would also like to include the footer and tried your code plus:

/* Homepage no scroll */
body.homepage article section:first-child {
    padding-top: 0 !important;
}
body.homepage {
    overflow: hidden;
}

footer.sections.homepage {

display: block;}

But didn't work - obviously, the footer reference is incorrect as your part of the code works...

Any suggestions?

Thanks again

22 hours ago, feefee1 said:

OK thanks @tuanphan but I would also like to include the footer and tried your code plus:

/* Homepage no scroll */
body.homepage article section:first-child {
    padding-top: 0 !important;
}
body.homepage {
    overflow: hidden;
}

footer.sections.homepage {

display: block;}

But didn't work - obviously, the footer reference is incorrect as your part of the code works...

Any suggestions?

Thanks again

 

 

 

To achieve this, I think we need to make slideshow smaller or make header transparent. What do you think?