hello-theme
hello-theme copied to clipboard
An empty footer adds an indent - Unnecessary CSS
If the footer is empty, then its block is still displayed on the page adding an indent to the bottom, because the styles for the tag specified padding.
<footer id="site-footer" class="site-footer" role="contentinfo"></footer>
.site-footer {
padding-top: 1rem;
padding-bottom: 1rem;
}
We are aware of this issue.
You can fix that empty line by creating a custom footer using the Elementor Theme Builder.
I reported a problem that happens when the footer is not needed and not used, (one of the reasons is page optimization). If you add a footer template with it you add unnecessary footer code, which can affect some other elements, styles or scripts. There is no need to look for workaround such as using extra templates, this style is just not needed in an empty theme.
I could suggest a simpler workaround: to override this CSS style, but I didn't, because I hope the developers will be able to implement the obvious solution - no unnecessary CSS and HTML markup if the element is absent.