Reply To: Making homepage slider full page/fit to screen

Written by on

› › › › ›

#22569
Daniel Tara
Keymaster

You can make the white block disappear and have only the slider show up using this CSS code:

body.home .site-content,
body.home .site-footer {
	display: none;
}

You can vertically align the content in the slider using this CSS code:

@media (min-width: 992px) {
	.sidebar-full-screen .slide-container {
		display: flex;
		align-items: center;
	}
}

The custom CSS rules should go under Appearance > Theme Options inside the “Custom CSS” field.