Really challenging this time if you have a WordPress site. This is just a quick hint for some issues that might occur. Please don’t forget. You can also contact 3close for some support. Sometimes, even on very sophisticated websites, the footer isn’t really static. You notice this, when you open two different URLs of the same website, scroll to the bottom and switch from one tab to another. It might happen that the text is jumping a little bit. It’s just a little detail, which the common user won’t notice at all. But there is a quick fix for this.

As a webpage renders from the top to the bottom, there are various pictures and font sizes to render. It can happen that the calculated line height differs from URL to URL, even if the WordPress backend handles it.

To take control over this, you just have to add some custom CSS to the footer and to all content above, like this:

    body,
    head,
    footer,
    h4,
    li, 
    code,
    em,
    a,
    span,
    figure,
    table,
    u,
    strong,
    ul,
    h2, 
    textarea,
    form,
    input,
    label,
    blockquote,
    section,
    button,
    pre,
    time,
    h1,
    optgroup,
    select,
    h3,
    h5,
    h6,
    hr
    {
        line-height: 2rem !important
    }

Here you can find additional information or just contact 3close.

Featured image comes from pexels.