Custom CSS help - Deactivate scrolling - make front page fit on one view in browser

Site URL: https://digitalvenue.squarespace.com/

Hi! I have a very simple SS 7.1 landing page that should fit on one view on every browser without the need for scrolling, but somehow there are some pixels that won't allow this, and a very short (and bothering) scroll is still there. I have removed the header via css... Any pointers on how to make this cover 100% of the browser view eliminating the scrolling?

Thanks!

11 hours ago, dmarquez said:

Site URL: https://digitalvenue.squarespace.com/

Hi! I have a very simple SS 7.1 landing page that should fit on one view on every browser without the need for scrolling, but somehow there are some pixels that won't allow this, and a very short (and bothering) scroll is still there. I have removed the header via css... Any pointers on how to make this cover 100% of the browser view eliminating the scrolling?

Thanks!

I used this custom css

@media only screen and (min-width: 1200px) {
    section[data-section-id="5fac3ed5c421505b5324f568"] .content-wrapper {
        padding-top: 2vh !important;
        height: 100vh
    }
    #collection-5fa97bc764a757513a1c682d .content-wrapper {
      overflow: hidden;
    }
}

@bangank36 GOLDEN! Just what I needed... thanks a lot!!!

14 hours ago, CLyon said:

Hi there, I also need this help!
Can you please take a look at https://www.takingcareofpigment.co.nz/ and tell me where I need to put this code you speak of?

Thanks

What is your protected password?

Hi, I'm trying to do exactly this on my home page / welcome screen, but the custom css doesn't work for me.  I just copied and pasted into my site, but its not adapting the page, so I still have to scroll to see the entire image and then get a back to top button 😞. Can someone advise me on where I'm going wrong?  I'm new to website design and coding so hopefully its just something simple that i'm missing.  

I also have a header and footer on the home page if that makes a difference.

Thank you in advance for any help.

On 6/21/2023 at 10:51 PM, RET said:

Hi, I'm trying to do exactly this on my home page / welcome screen, but the custom css doesn't work for me.  I just copied and pasted into my site, but its not adapting the page, so I still have to scroll to see the entire image and then get a back to top button 😞. Can someone advise me on where I'm going wrong?  I'm new to website design and coding so hopefully its just something simple that i'm missing.  

I also have a header and footer on the home page if that makes a difference.

Thank you in advance for any help.

Can you share link to this page? We can check easier

7 hours ago, RET said:

Thank you.

https://keystoneprojects.squarespace.com/config/pages

pw: keystone

https://keystoneprojects.squarespace.com/?noredirect

Add to Design > Custom CSS

body.homepage section:first-child {
    padding-top: 0px !important;
}
body.homepage {
    overflow: hidden;
}

Amazing, thank you so much!