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.
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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 useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
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.