Jump to content

Hello, I would like my home page not to scroll and the image to adapt to the height of the screen.

Recommended Posts

I managed to disable the menu on this page but I would like it to fit any height and not be scrollable. 

There is a white space at the bottom and a small scroll, it is worse when I go full screen. I've tried different tricks I've found, but nothing works. I would like the section or the image in it to automatically adjust to any height.

Can someone help me ? 

https://lynx-cheetah-4ba3.squarespace.com/home 

Password : TEST

 

Thank you 

Capture d’écran 2022-12-07 à 16.40.31.png

Edited by Maxnewby
Link to comment
  • Maxnewby changed the title to Hello, I would like my home page not to scroll and the image to adapt to the height of the screen.

Can you add a site wide password so I can see the page?

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I think I have a solution for you. 

I you set that section to fill rather that set to S, M or L, make it about 30 rows tall, and stretch the image to the bottom (set image to fill). Balance the content on the right to the middle. 

Do similar on mobile, 30 rows, image at the top half, text + content below.

Then add this to custom CSS:

#collection-638ddc04c959d1546d9a2012 {
  .header, #footer-sections {
    display:none;
  }
  .page-section {
    height:100vh;
    overflow:hidden;
  }
}

It's not perfect, but it should fix the height, seems to work in my testing.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

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