Design Lab

Nav & Footer Pairings

Four-plus header-and-footer pairings — classic bar, centered logo, sidebar drawer and sticky utility — the frame every page lives inside, with disclaimers and compliance links built in.

ComponentsNav & Footer
Want this look? Book a call

Opens the design large, filling your whole screen. Press Esc or the big Close button to come back.

Gallery
9 min read

Navigation & Footer for a Law Firm Website: Always-Visible Phone, Consultation, and Hours

The header and footer are the frame around every page of a law firm website, and they have one non-negotiable job: keep your phone number, consultation scheduler, and office hours within reach no matter where the visitor is. Get them right and every page can convert; get them wrong and people who were ready to call get lost. Here's how the nav and footer pairings in the gallery serve a law firm and its local SEO.

Key takeaways
  • Nav and footer appear on every page, so they're where every deep-linked visitor must find the next action.
  • Keep the phone number and "Schedule" always visible — ideally sticky — with a short, plain menu.
  • The footer is your local-SEO backbone: NAP, hours, jurisdictions served, and accreditations on every page.
  • Match the pattern to your firm: sticky bar for personal injury/fast-intake, classic columns for general practice, mega-menu for groups.
  • Mobile-first, accessible, and consistent with your Google profile so the frame ranks and converts.

01Why nav and footer make or break a law firm website

The navigation and footer are the only elements that appear on every single page, which makes them quietly the most important real estate on a legal services website. A visitor can land on any page from a search — your personal injury page, a blog post, your estate planning page — and the nav and footer are what's guaranteed to be there to point them toward calling or scheduling. If they don't carry the next action, every deep-linked visitor is at risk of leaving.

For a law firm specifically, the nav's job is to keep contact and intake permanently visible. A person reading about your custody services who suddenly decides to act should never have to scroll back up or hunt around — the phone number and "Schedule consultation" should be right there in the header, ideally sticky, one tap away. Burying contact behind a menu costs calls every day.

The footer carries the local-SEO backbone. Your name, address, and phone (NAP), office hours, jurisdictions served, and bar accreditations in the footer appear on every page, reinforcing to Google exactly who and where you are and feeding the local pack. Consistent NAP across your site and listings is foundational to ranking for "attorney near me," and the footer is where it lives site-wide.

Together they shape trust and findability. A clean nav that exposes hours and a strong call to action says "easy to deal with"; a thorough footer with accreditations and jurisdictions served says "established and local." Both also structure information AI engines use to understand and recommend your firm, so the frame does real SEO and AEO work, not just decoration.

02What makes a great law firm nav and footer

A great header and footer on a legal services website are clear, action-led, and information-rich in the right places. The nav strips down to what matters; the footer carries everything that builds local trust and search relevance.

The nav must always expose contact and intake. That means a visible phone number (tap-to-call on mobile) and a prominent "Schedule" or "Free case evaluation" button, kept on screen as the user scrolls. Keep the menu short and plain — Practice Areas, Fees, Reviews, Contact — not a sprawling list, because clarity beats completeness in a header. Office hours or a "taking consultations now" cue nearby is a powerful, low-effort reassurance.

The footer must carry the local backbone: full NAP, office hours, jurisdictions served (the cities and courts you cover), bar accreditations and logos (state bar, specialty certifications, peer awards, payment/warranty schemes), and links to key pages. This is the SEO workhorse — it tells both Google and AI assistants precisely where you operate and what you're certified to do.

Both must be mobile-first and accessible. On a phone the nav usually collapses, but the phone and scheduling actions should stay visible even when the menu is closed, with big tap targets. Text must be high-contrast and legible for older clients, the menu reachable by keyboard and screen reader, and a sticky bar must never cover content or trap focus. The frame should feel effortless, not clever.

  • Phone number and "Schedule" always visible, ideally sticky
  • Short, plain menu — Practice Areas, Fees, Reviews, Contact
  • Office hours or "consultations available" cue near the top
  • Footer NAP, hours, and jurisdictions served on every page for local SEO
  • Bar accreditation and specialty certification logos for trust
  • Mobile-first, high-contrast, keyboard- and screen-reader-friendly

03The takes in this gallery

The pairings differ in how the header balances branding against action, and how much the footer carries. Choose the one that keeps your phone and intake unmissable.

The classic bar + columns is the dependable standard: a horizontal nav with logo, short menu, phone and scheduling button, paired with a multi-column footer holding NAP, hours, links, and accreditations. It's familiar, scannable, and SEO-complete — the right default for most law firms.

The centered logo + minimal pairs a balanced, centered-logo header with a pared-back footer. It looks premium and tidy, suiting specialists who want a refined feel, but you must take care the intake action and phone don't get sacrificed to the symmetry — minimal can't mean hidden contact.

The drawer nav + big footer hides the menu behind a hamburger and leans on a large, content-rich footer for navigation and trust. It keeps the header clean on mobile, but the phone and "Schedule" must stay visible outside the drawer, and the big footer must carry the NAP, hours, and jurisdictions-served depth that the slim header gives up.

The sticky utility bar + compact adds a thin always-on bar (phone, hours, "Schedule now") above or below a compact header that stays as you scroll. This is the strongest pattern for conversion, because the next action is permanently on screen — excellent for high-volume personal injury and consumer law firms.

The mega-menu + full-bleed CTA uses an expandable menu to organise many practice areas and ends the footer with a bold, full-width call to action ("Schedule your free case evaluation today"). It suits larger firms or groups with lots of practice areas and locations, where the mega-menu aids navigation — but it must stay simple enough not to overwhelm, and the contact action must remain obvious.

04Picking the right nav and footer for your kind of firm

A personal injury or consumer law firm gets the most from the sticky utility bar + compact pattern: a permanent "Free case evaluation / Call now" bar suits a high-frequency, emotionally urgent service where you want the action on screen at all times.

A general practice is well served by the classic bar + columns, whose thorough multi-column footer carries the NAP, hours, jurisdictions served, and bar accreditations that drive the local SEO these firms depend on.

Criminal defense and DUI firms benefit from a sticky bar exposing phone and scheduling, since decisions are fast and emergency-driven; the footer should list jurisdictions served so local searchers find them.

Family law and estate planning firms suit the centered logo + minimal or drawer pattern for a calmer, more premium feel, with a big footer carrying accreditations and specialty certification logos that reassure stressed, emotionally vulnerable clients.

Corporate, IP, and white-collar defense firms do well with a mega-menu when they have many specialist services to organise, paired with a clear CTA — and with prominent accreditations that prove their niche credentials in the footer.

Immigration and bankruptcy practitioners should keep contact and a "request a callback" action permanently visible (sticky bar), and use the footer to spell out their full jurisdiction coverage and any multilingual offering, since "do you handle my situation?" is the visitor's first question.

05How Juris Marketing Lab builds it

We design the header around one rule: the phone number and an intake button are always reachable, on every page and every screen size, usually via a sticky element so the next action never scrolls away. The menu is kept short and plain so the path to Practice Areas, Fees, Reviews, and Contact is obvious.

The footer is built as your local-SEO engine. We put consistent NAP, office hours, jurisdictions served, and accreditation logos on every page, mark up your business details with structured data, and keep them consistent with your Google profile so you reinforce — never contradict — your local rankings. This same structured information is what AI assistants read to understand where you operate and recommend you.

Everything is mobile-first and fast. The nav collapses cleanly on phones while keeping tap-to-call and "Schedule" visible outside the menu, tap targets are large, and the frame loads instantly because it's on every page. We respect reduced-motion and avoid sticky bars that cover content.

Accessibility is built in — high-contrast, legible type for older clients, full keyboard and screen-reader support, no focus traps in menus or drawers. Then we measure: clicks on the header phone and scheduling button, footer link usage, and which navigation paths lead to intakes, so we can keep tuning the frame to convert more of every visitor, wherever they land.

Frequently asked

Where should my phone number go on a law firm website?
In the header, visible on every page, and as tap-to-call on mobile — ideally in a sticky element so it never scrolls away. The phone is still how a large share of legal clients act, so it should never be buried behind a menu. Put it in the footer too, alongside your address and hours, so it's reinforced site-wide for both clients and local SEO.
What needs to be in my law firm website footer?
Your full firm name, address, and phone (NAP), office hours, the cities and courts you serve, your bar accreditations (state bar, specialty certifications, peer awards), and links to key pages. This isn't filler — it's the local-SEO backbone that helps you rank for "attorney near me," and keeping it consistent with your Google profile is foundational. It's also what AI assistants read to understand and recommend you.
Should I use a hamburger menu or a full navigation bar?
On desktop a short full bar is clearest; on mobile a hamburger is fine — but the phone number and "Schedule" button must stay visible outside the drawer, never hidden inside it. The menu can collapse; your contact and intake actions can't. Whichever you use, keep the menu items few and plain so people find Practice Areas, Fees, Reviews, and Contact instantly.