Reply To: issue with large space below content

Written by on

› › › › ›

#22659
Daniel Tara
Keymaster

This CSS should get rid of the white space in the footer:

.design-full-screen .content-sidebar-wrapper {
    margin-bottom: 0;
}

.design-full-screen.page.layout-full-width .content-area > :last-child {
    padding-bottom: 0;
}

.design-full-screen.page.layout-full-width .hentry:last-child {
    border-bottom: none;
}

The white space in the header on mobile devices is caused by this custom CSS you have added:

.slides {
height: 520px; /* you can change this */
}

It may help to wrap it in a media query:

@media (min-width: 992px) {
    .slides {
        height: 520px;
    }
}

That selector, however is not where the theme sets the maximum height of the slides and this is how I recommend you do it:

@media (min-width: 992px) {
    .sidebar-full-screen .custom-query-slider .slide {
        height: 520px;
    }
}