[Support request] 'unfolding' footer

Home Forums Support [Support request] 'unfolding' footer

Home Forums Support 'unfolding' footer

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #229918
    Jasper

    I would like to create a ‘unfolding’ footer effect. Like on this website: https://bartware.nl/
    Any suggestions how to achieve this?

    #229950
    Jean Paiva
    Developer

    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. 🙂

    #229993
    Jasper

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

    regards

    #230106
    Jean Paiva
    Developer

    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.

    #230226
    Jasper

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

    #230298
    Jean Paiva
    Developer

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.