'unfolding' footer

Hey Jasper I got something similar to this website, here are the steps:

First add this element to your Before Footer hook. (Appearence -> GP Hooks)
<div class="unfold"></div>

After this just add this css:

body {
    position: relative;
}
#page {
    z-index: 1;
}
.unfold {
    /* This unit must match the full size of your footer */
    height: 429px;
}
.site-footer {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: -1;
}

I suggest you to follow this tutorial made by Tom for addind custom css: https://generatepress.com/knowledgebase/adding-css/

Hope I've helped. :)

thanks, it works except that links in the footer don't work anymore

regards

Unhh...maybe this could fix:

body {
    position: relative;
}
#page {
    z-index: 1;
    /* This unit must match the full size of your footer */
    margin-bottom: 429px;
}
.site-footer {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: -1;
}

And you can delete the element on your hook.

Unfortunately that does not work either. Links are not recognized as links, mousepointer does not change.
Regards

Can you share the link? Maybe I can find a solution.