Footer Height not adjusting for content

I think Elementor is causing the problem.

Could someone please look at my site. I hid the page title so now there is no space between the header and content, and the footer is still overlapping.

I recall selecting something that had “keep footer on bottom” but now I can’t find it.

You have set line-height somewhere in Elementor to 0.1em and that is causing the text to overlap.

This is the CSS causing the issue:

.elementor-kit-51 {
    line-height: 0.1em;
}

And your content is overlapping the header because you have chosen a transparent header in Appeearance ? Customize. If you want to use the transparent header you need to make space for it with the first section after the header.

• This reply was modified 4 years ago by Branko.

Thank you! I think that is left over from using Twenty Twenty which has enormous spacing.

That fixed it in the Customizer, but not the actual page.

I didn’t use Elementor to set up the Sinatra footer so I don’t get what’s going on .

The CSS causing the issue is not set to Sinatra footer but globally, and the copyright area inherits that.

Use this CSS and it should look fine:

#sinatra-copyright {
  line-height: 1.5;
}