[Support request] footer bar

[Jacky]

Hi,

I would like to change the footer bar or the copyright bar to something like the bottom green section of this website: http://natsci.manoa.hawaii.edu. It looks like it has a four columns section. I would also like to hide it on mobile devices. May I know how can I approach it? Thank you.

Jacky

[Leo]

Hi Jacky,

Try using the after footer content hook:
https://docs.generatepress.com/article/hooks-overview/
https://docs.generatepress.com/collection/hooks/

This should be the HTML structure:

<div class="custom-footer grid-container grid-parent hide-on-mobile">
    <div class="footer-first-column grid-25">
        footer first column content
    </div>
    <div class="footer-second-column grid-25">
        footer second column content
    </div>
    <div class="footer-third-column grid-25">
        footer third column content
    </div>
    <div class="footer-last-column grid-25">
        footer last column content
    </div>
    <div class="clear"></div>
</div>

Let me know if you need more info 🙂

[Jacky]

Hi,

Thank you for the quick help. It sure looks it is working. Let me try to play with it some more.

Jacky

[Author]

Posts