Website Footers

The footer is the strip at the very bottom of every page on your website. As the last element visitors see before leaving, it serves as a critical anchor—often the first place they look for quick access to navigation links, contact details, and legal pages.

From the Footers screen, you can build and manage multiple footers using the exact same visual editor you use for standard pages, giving you complete control over sections, columns, and blocks.

Managing Your Footers List

Website Footers dashboard showing a list of saved footers, search bar, and actions

Manage Your Website Footers

Design your footers with the same flexible visual editor you use for pages. Manage all your saved footers in one centralized dashboard, then attach them to your layouts to instantly update across your entire website.

Permanent Deletion

Deleting a footer is a permanent action. You will be asked to confirm your choice before the deletion is finalized.

Creating and Editing Footers

Giant Context visual editor showing a footer being built on the canvas with the top toolbar visible

The Footer Editor

The footer editor uses the same block-based visual builder as pages and layouts, but is scoped specifically for building your site's bottom navigation.

Common Footer Blocks and Layouts

Connecting Footers to Pages

Selecting a footer from the Design tab dropdown in the page editor

Assign Footers in the Design Tab

Footers don't exist in isolation—they need to be attached to your pages. Open the page editor, navigate to the Design tab, and select your saved layout from the Footer dropdown. Click save to instantly apply it to the bottom of your page.

Best Practices for Effective Footers

Layout Precedence

Layout settings always take precedence. If a footer you assigned directly to a page isn't displaying, check if a layout is currently applied to that page in the Layouts section.

FAQ

Troubleshooting Common Footer Issues

Building a footer is usually a straightforward process, but responsive layouts and layout settings can occasionally cause unexpected display issues. If your footer isn't looking quite right, here are solutions to the most common problems.

If your page uses a layout, the layout's footer settings will override any direct page settings. Check the Design tab to see if a layout is currently active and controlling the layout.

Horizontal layouts automatically collapse into stacked columns on smaller screens. Use the device preview buttons to check your mobile view, then adjust the column order or padding to ensure your content remains readable and accessible.

For focused landing pages where you want to minimize distractions, navigate to the Design tab and select "None" from the Footer dropdown. Make sure no active layout is forcing a footer onto the page.

BuiltAutonomously With AI

This content was built autonomously. Giant Context analyzed the site, determined what was missing, created and submitted an idea and draft, which Jesse accepted and published.