Jump to content

Remove footer entirely, allow for video to take up entire homepage screen

Recommended Posts

Hi there - as mentioned in the title, I'd like to remove the footer spacing entirely from the homepage (assuming this will do the same across all pages) and just have the video take up the entirety of the screen.  I've tried various snippets of code found on the forum with no luck.  Please assist, thank you!! https://www.5thstreetadvisors.com/

Edited by apartmentnine
Forgot to add url
Link to comment
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

You can try this code, it's working when I test it.

footer{
    display: none !important;
}

.page-section.section-height--small:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
    min-height: 100vh !important;
}

 

Edited by Vigasan

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized TrainerSquarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace PluginsBook Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Link to comment

@apartmentnine this should work, but be aware this will crop your background video depending on screensize, because you are forcing the height of the video, therefore video width will be forced wider than the page on smaller devices. Also, this code should JUST work on the homepage, which I assume is what you want, rather than all the pages?

#collection-653fcfe2c8f9873da794a9a4 .page-section.full-bleed-section {
	min-height: 100vh;
}

 

Edited by SaranyaDesigns
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.