Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Fixed header/footer with centered content in screen and no scroll


Recommended Posts

Site URL: https://impala-falcon-5gh6.squarespace.com/

Hi! Please excuse me if I don't use the correct terminology, but...

I am trying to center and gallery section on a single page with a simple header/footer, just text. The content (in this case the gallery images) should scale to fit the vertical height of the browser window while always showing the header/footer (no scrolling).

My site is https://impala-falcon-5gh6.squarespace.com/ and the password is "1234", it's a WIP and for the moment I'm focused on achieving this before proceeding with the styling of type etc. and final images.

I have attached a jpg of what I am hoping to achieve. So that the gallery is vertically centred on the page and the header and footer and fixed to the top/bottom of the page and there is no scroll. I've searched the forums but haven't had much luck. 

If anybody has some advice it would be greatly appreciated, I realise this might involve some custom CSS.

xA

center.jpg

Edited by thegluefactory
Link to post
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

to disable scroll, add this to Home > Design > Custom CSS

.homepage::-webkit-scrollbar {
  display: none;
}
.homepage {
  -ms-overflow-style: none;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...