Jump to content

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

Recommended Posts

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

 

Link to comment
  • Replies 7
  • Views 615
  • Created
  • Last Reply

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

 

 

 

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.