Footer menu

Overview

The Footer menu block is a versatile way to present a navigation menu at the bottom of your site. Its flexible design lets you tailor navigation links to support your site's goals, enhance branding, and keep key pages within easy reach for your audience. Adjustments for alignment, layout, and visibility make it easy to keep your footer navigation polished and consistent on any device.

⚠️ Important: Using the Footer menu block lets visitors quickly locate essential pages, helping you deliver a seamless and professional footer experience.

Alignment settings

Alignment settings manage how your menu and its heading are arranged horizontally on both desktop and mobile. Fine-tuning these settings ensures your footer navigation looks sharp and remains easy to read regardless of device.

1. Set horizontal alignment for desktop devices to create a balanced and visually pleasing footer.

2. Set horizontal alignment for mobile devices to maintain accessibility and readability on small screens.

   1. The default for both is left.

📝 Note: Careful alignment adjustments can enhance clarity, making navigation links stand out without overwhelming the overall design.

Layout settings

Layout settings control the positioning and organization of the Footer menu block, providing maximum flexibility for customizing your site's footer. You can choose how the menu fills the container, arrange it in columns or rows, add a heading, and select which menu to display.

1. Enable Fill available space to let the menu expand with the footer container.

   1. If enabled, the menu stretches to use available space; if disabled, it fits only its content.

   2. Default is disabled.

2. Enable Show in new column to separate this menu from other blocks horizontally.

   1. Useful for placing multiple menus or navigation areas side by side.

   2. Default is disabled.

3. Enable Show in new row to move the block below previous blocks.

   1. Helps you stack menus for a clean, organized look.

   2. Default is disabled.

4. Provide a Heading to label your menu, which appears above the menu links.

   1. Use a heading to clarify the menu's purpose or contents.

5. Select the desired Footer menu to display.
   Default menu is footer.

💡 Tip: Use rows and columns to visually separate different types of links and keep the footer easy to navigate.

Visibility settings

Visibility settings let you decide where the Footer menu block appears, so you can configure device-specific menus for better usability. This prevents overcrowding while making sure navigation is present where it matters most.

1. Set Visibility to choose when this block is displayed:

   1. Show on all devices (do not hide) — default.

   2. Hide on desktop — removes the block from desktop views.

   3. Hide on mobile — removes the block from mobile views.

🚧 Caution: Ensure crucial links remain available to users on every device by carefully choosing your menu's visibility settings.

Available in sections

The Footer menu block can be added to the following section:

1. Footer navigation

Usage notes

Preview your Footer menu block on desktop and mobile devices to confirm that alignment, layout, and visibility changes deliver an organized and user-friendly experience. Use clear, specific headings to benefit all users, including those relying on screen readers. Organize blocks using new rows or columns to maintain a neat appearance, and avoid displaying redundant navigation menus by refining your visibility settings.

💡 Tip: A well-structured footer menu promotes accessibility and streamlines navigation, ensuring a positive user experience for everyone.