Footer to show menus of site-map

[peterfremlin]

E.g. as per https://www.wearequeeraf.com/

[peterfremlin]

Currently the font-size on footer is a bit small, should be closer to the size on the page.

I will adjust the menu as I go. No need for it to include social media necessarily, whatever you think is good presentation.

Initial headers are:

About Accessibility What they say Sign-up

Library Backcatalogue Subjects Countries Highlights

Climate

Support

Contact

[cathysarisky]

OK, so to use this item, you need a page with the slug 'footer-content'. Create headers as H3s (the smaller option in the editor), and make lists (start the line with * to get it into list mode) below any header that has list items.

Other inclusions beyond h3 and lists not tested, but any div marked 'footer-nav-section' will probably work as long as it doesn't have any horribly wide content in it.

This in the editor:

Produces this in the browser:

Phone version:

[peterfremlin]

Thanks, it's almost there, just some notes on styling, please -

• make less gap between each item vertically
• prefer less horizontal space between each column
• please align centrally
• see if wrapping can be done more economically

Aligned to left, rather than centrally:

Wrapping of header item contact would be better directly under support

Sample header I used

About Accessibility What they say Sign-up Library Subjects Countries Climate Support Contact

[cathysarisky]

I gave you that much vertical spacing to make it more accessible for touch screen users. I can close it up if you like. Working on the rest...

[cathysarisky]

The Contact item /should/ be in the right spot... it is on my demo setup. Chasing this bug... Ah. Check if you have a bunch of extra returns after the last item, and remove them if so.

[cathysarisky]

[peterfremlin]

Yes it was the returns after the last item, thanks.

And good to know about that distance between items, I hadn't thought of that :)