Archived topic

footer bar

2 replies · Started by Jacky on August 4, 2017

Viewing posts 1–3 of 3

August 4, 2017 at 12:41 pm #359843

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

August 4, 2017 at 1:24 pm #359858

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 :)

August 4, 2017 at 2:42 pm #359880

Hi,

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

Jacky

This archived topic is closed to new replies.

Start building better websites today.