Skip to content

LP Footer - Centered Nav

One centred stack, four elements deep: logo, a row of links, a divider, then the copyright line. Best for: landing pages that want a symmetrical closing footer with a short nav row rather than columns.

📷 Hero image

Target file: assets/img/lp-footer-centered-nav/hero.webp

A centred footer stack on a Light background. A small logo mark at the top, then a single centred row of five uppercase links with generous letter spacing, then a hairline divider running the full content width, then a muted copyright line centred beneath it. Plenty of vertical breathing room between each element. Captured at desktop width.

At a glance

Footer Landing pages Centred

  • What it does: stacks four elements down the centre of the page, each on its own line, with the vertical rhythm set one element at a time.
  • Best used for: landing pages with a symmetrical layout, and any page where a centred close reads better than an edge split.
  • Not the right fit if: you want the logo and links on the same line (use LP Footer - Minimal) or full site navigation (use Footer - Classic).
  • 🔗 Live demo: (add demo link)

You do not add this to a page

Footers are not dropped into a page. The landing page footer is chosen in Theme Settings, and any single page can override it.

How it gets on your page

  1. Go to Theme Settings › Website footer.
  2. Set Which footer do you want on landing pages? to LP Footer - Centered Nav.
  3. Build the page from a landing page template.
  4. Open the footer from that page: click into the footer area and choose Edit global content.
  5. Fill in Footer content: logo, logo link, link group and copyright text, in the order they stack.

Design recipes

Logo, links, divider, copyright, all centred.

📷 Result

Target file: recipe-full-stack.webp

Field Value
Preset settings › Divider › Show divider on
Preset settings › Logo › Spacing below element 2XL
Style › Alignment › Content alignment center

The gap under the links set by its own spacing field instead.

📷 Result

Target file: recipe-no-divider.webp

Field Value
Divider › Show divider off
Divider › Spacing › Spacing below links [desktop] 28

No logo, so the row of links opens the footer.

📷 Result

Target file: recipe-links-only.webp

Field Value
Footer content › Logo empty

The whole stack pulled to the left edge.

📷 Result

Target file: recipe-left-aligned.webp

Field Value
Style › Alignment › Content alignment left

Logo raised, spacing below increased to match.

📷 Result

Target file: recipe-large-logo.webp

Field Value
Preset settings › Logo › Logo width [desktop] 200
Preset settings › Logo › Spacing below element 3XL

Common setups

Goal Setting
Use this footer on landing pages Theme Settings › Website footer › Which footer do you want on landing pages?
Use it on one page only that page › Header and footer settings › Footer for this page
Bigger logo Preset settings › Logo › Logo width [desktop]
More room under the logo Preset settings › Logo › Spacing below element
Remove the line Preset settings › Divider › Show divider
Keep a gap where the line was Divider › Spacing › Spacing below links
Space the links out Preset settings › Link group › Gap between links
Bigger link text Link group › Show link group as = Custom font size
Left align the whole stack Style › Alignment › Content alignment = left
Auto updating year use {{ year }} in Copyright text

Field reference

77 fields, ordered to match the stack on both tabs.

Content
Group What it holds
Section background settings none, colour, gradient, image or video
Footer content logo, logo link, link group, copyright text
Style › Preset settings
Group What it styles
Logo width per breakpoint, spacing below
Link group typography, colour, hover, gap between links
Divider on or off, colour, thickness, spacing above and below, and the below links gap when it is off
Copyright text typography, colour, weight

Every field, exhaustively

The complete list lives in MDS/MODULE-FUNCTIONALITY/LP Footer - Centered Nav.md in the theme repository.

Tips & gotchas

Spacing is one margin per element

Because everything is a block on its own line, the gaps come from the logo's Spacing below element and the divider's spacing fields. There is no single gap control for the whole stack.

The divider needs content on both sides

It renders only when something sits above and below it, so an empty copyright line takes the divider with it rather than leaving a stray rule.

Defaults are tuned for this layout

Link and copyright text both default to a 16px custom size and the logo to a 2XL gap below. Those were chosen for the centred stack, so changing the alignment to left may want them retuned.