Docs/Masthead/Header & footer sets

Header & footer sets

MastheadDivi 52 min read

Masthead includes ten matched header and footer sets. Each set was designed as a pair, so the header and footer share fonts, colours and spacing.

What every set includes

Every header has a desktop version, a sticky version that appears as you scroll, and a mobile version with its own menu. Every footer has a desktop and a mobile version. Each set also comes with a matching banner layout in the Divi Library. The sets use native Divi 5 modules, so you can edit them in the builder like any other layout.

What is included in Masthead: ten headers, ten footers, ten matching banners, native Divi 5 modules and mobile layouts checked at 390px

The ten sets

All ten Masthead header and footer sets shown side by side

Atelier · Creative agency

Clean white header with a status dot, a round menu button and an outlined contact button. The footer opens with “Have a project in mind?”, four link columns and an oversized wordmark.

Maison · Fashion store

A promo strip above a centred wordmark and a shop menu. The footer adds a newsletter sign-up and shop, help and brand link columns.

Orée · Perfume and beauty store

A ticker bar over a two-row header with search and trending chips. The footer has a trust strip, a newsletter box and three link columns.

Index · Studio portfolio

A transparent header that sits over your hero image, with a scroll-progress line, and turns solid once you scroll. The footer is built around a large “Let’s talk” line and your office locations.

Keystone · Real estate

A utility bar above the main header and a “Book a viewing” button. On mobile it adds a bottom action bar for call, listings and booking. The footer has a valuation call-to-action band.

The Keystone header and footer set on desktop and mobile

Saffron · Café and bakery

A floating, rounded header inset over your photo, with an opening-hours status, a menus dropdown and a reservation button. The footer shows opening hours and how to find you.

Ledgerline · SaaS and software

A slim light bar with centred serif navigation, a product dropdown with a one-line description per item, and a free-trial button. The footer is dark with a short tagline and four link columns.

Forge · Fitness studio

A full-height logo tile, uppercase navigation, a next-class chip and a booking button. The footer pairs a call-to-action with today’s timetable.

Halden & Price · Law and consulting firm

A two-row header with a practice-areas dropdown and a “Speak to a lawyer” button. The footer carries your regulatory details and a badge box.

Vela · Boutique hotel

A translucent bar anchored to the bottom of the first screen, with a rooms dropdown that opens upward and a booking button. The footer has a newsletter and address, contact and booking columns.

Placeholders to replace

Text and details in square brackets, such as phone numbers, addresses, licence numbers and award badges, are placeholders. Replace them with your own before you publish. The example business names, taglines and photos shown in the demos are not part of the product.

Need a hand? Contact support with your site URL and licence key.