-
I’m having an issue with the large white space below the content. The site is at http://www.indigenousone.com. I can’t seem to eradicate this blank spot between the content and the footers so any help would be greatly appreciated.
I’m also having issues with there being a large white gap below the header and before the content when looking at the site on a mobile. This is just with the page that uses the slider. Any ideas?
Thank you.
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; } }
You must be logged in to reply to this topic.