Solved: Extra White Space at Bottom of Pages

avocahammond · ‎05-06-2021

Hi all, on my school website, www.mariemurphymusic.com, all of the pages that don't have a weebly "header" have an annoying amount of white space at the bottom before reaching the footer. I'd like to go into the HTML to remove this but am unsure of what to get rid of. These extra white spaces do not appear in the actual Weebly editor, only on the published pages. Any ideas?

PaulMathews · ‎05-07-2021

@avocahammond Is this a custom theme or did you or someone else attempt to customize the code in this theme? You have an empty div in your code set to 344px in height. That's what's causing the big gap on your pages. To get rid of it, remove the div with the "sticky-footer-push" class in your header page type or override the class by clicking "Settings" in the Site Editor, then SEO then scroll down to the Header Code input box and add the following:

<style>
.sticky-footer-push {
    display: none!important;
}
</style>

View Best Answer >

PaulMathews · ‎05-07-2021

@avocahammond Is this a custom theme or did you or someone else attempt to customize the code in this theme? You have an empty div in your code set to 344px in height. That's what's causing the big gap on your pages. To get rid of it, remove the div with the "sticky-footer-push" class in your header page type or override the class by clicking "Settings" in the Site Editor, then SEO then scroll down to the Header Code input box and add the following:

<style>
.sticky-footer-push {
    display: none!important;
}
</style>

avocahammond · ‎05-07-2021

THANK YOU!!!! Yes, I needed to make a few changes to the theme to use an SVG as my logo. After doing that using code provided by someone else, the extra space appeared and I wasn't sure what to remove from the HTML to take care of it. Thanks so much for your help!