Footer
The main footer template and the menus behind its link columns.
Footer
Description
The footer appears on every page. It is a single global template, and the columns of links inside it come from WordPress menus rather than from the template.
That split decides where you go to make a change: headings, logos, social icons, and legal copy are edited in the template, while the links themselves are edited as menus.
How to edit
The template
- Go to Elementor → Theme Builder and open
Main footer. You can also double-click the footer from any page in the Elementor editor. - Edit the column headings, logos, social icons, and any copy that is not a link list.
- Save, then check a page.
The link columns
- Go to Appearance → Menus and open the relevant
CK - Footer - …menu. - Add, reorder, rename, or remove items.
- Save, then check the footer.
Variants
Main footer— the only footer template, used across the whole site
Link columns
Each column of links is its own menu:
| Menu | Footer column |
|---|---|
CK - Footer - Q Mastercard | Q Mastercard |
CK - Footer - Q Card | Q Card |
CK - Footer - Help & Support | Help & Support |
CK - Footer - Q Partners | Q Partners |
CK - Footer - Policies | Policies |
Because the footer is global, a change to any of these menus appears on every page at once. See Menus for the full list of menus and what to watch out for when editing them.
Classes
Primary classes used by the footer:
| Class | What it's for |
|---|---|
ck-footer | Main wrapper |
ck-footer__social-icon | Social icons, which are aligned by custom CSS and turn pink on hover |
Styling is done through a combination of the built-in page builder options as well as custom CSS where needed.