Fixed Height Homepage Landing

Site URL: https://flex-mami.squarespace.com/?password=pearler

I'm hoping to make my homepage design a fixed height on all browsers - no scroll. I'm struggling to do this when it has 2 sections on the homepage. 

Current view/Desired view attached

Thanks!

@tuanphan @bangank36 would love your help! 🙂

My testing

@bangank36 Thanks a lot, this worked great. My only other question would be how to add code so that this doesn't apply while in edit mode? It's stopping me from being  able to edit the blocks.

2 hours ago, pearler1570048501 said:

@bangank36 Thanks a lot, this worked great. My only other question would be how to add code so that this doesn't apply while in edit mode? It's stopping me from being  able to edit the blocks.

For not applying code in edit mode, you can select the body without edit mode class. 

With the previous code, you can apply the following code

#collection-62007feac5ad6557038a61b1 {
	&:not(.sqs-edit-mode) {
		height: 100vh !important;
		overflow: hidden;
		article {
			display: flex;
			flex-direction: column;
		}
		.wm-split-sections {
			height: 95vh;
			section {
				.content {
					width: 50% !important;
				}
			}
		}
		.wm-split-sections>section {
			padding-top: 0 !important;
		}
		.wm-split-sections+section {
			height: 5vh !important;
		}
	}
}

@bangank36 thanks this also worked how I hoped ✓