Header, footer & site-wide blocks — 404 page, announcement bar, phone bottom bar
Turn your header and footer into editable blocks (12 header looks, 10 footer looks), add an announcement bar or a phone bottom bar, design your own “page not found” page, choose where each one shows — and get the design's own chrome back any time.
7 min readUpdated 4 Oct 2026
In this guide
Where to find it
In the editor
Site Settings → Header (and → Footer) opens with one card: Your design's header · A header you build · No header — choosing A header you build creates the block and opens it with its first control ready. Under the page outline on the left, Header, footer & bars lists your header and footer and adds an announcement bar, a phone bottom bar or a 404 page.
Header & Footer (dashboard)
Manage → Header & Footer keeps menus, the drawer and the announcement text. Its Header and Footer tabs now carry a door: Make my header a block, or Open the header block when you already have one.
Site Settings in the editor
Site Settings → Header opens with the choice card; while your site uses a header you built, its Edit my header button opens the block. Your name, logo and colours below it still apply everywhere — the block inherits them. On designs that keep your name in Store Name (most store designs), a block never falls back to “Your Business”: with Business Name empty, the footer block prints your Store Name, and so does the header block unless you typed a Logo Text.
Fixed designs too
On most ready-made designs the same choice works: A header you build swaps the design's own band for your block (classic look to start); choose Your design's header to get the design's own back any time.
Blocks are for the look and layout. Your menu links and the phone drawer still live in Header & Footer; business name, phone and address in Business Info; the announcement line in the editor's Site Settings. A block reads all of those — it never asks you to type them twice.
Header block
- A header you buildStarts as your design's own header
- Pick a look (optional)12 looks + options
- Check the phone frameName stays readable
- Update WebsiteLive in seconds
Create it
In Site Settings → Header, choose A header you build. The editor opens the new block with its Look control. The first look — Same as my design (or Classic on fixed designs) — renders pixel for pixel like the header you had, so you can stop right here and nothing on the live site changes.
Choose a look
The Look control shows every look as a small drawing card — where the logo, the menu and the button sit — so you choose by eye, not from a list. Tap a card and the preview beside it redraws at once. Twelve looks: Classic · Editorial · Bold split · Utility · Soft · Search first · Mega menu · Minimal · Centred split · Overlay · Compact app · Two rows. Stores get their icons (search, wishlist, cart, account) on every look; the search-first and mega-menu looks draw your category menu inside the header. The newer looks add options — background, height, content width, link style, sticky or not, where the logo sits on phones, and whether the button shows on phones. What the logo itself shows — your image beside your name, the image alone, or the name alone — stays with Logo Display Mode in Site Settings, and every header look follows it.
Where it shows
Whole site (the default), Only these pages (tick pages — until you tick one, the design's own header shows) or Every page except…. A campaign landing page can therefore have a quieter header, or none: the page's own setting can pick a different block or None on this page. The Blog page's choice also covers every post on your blog, and the Shop page's covers its category pages.
Two header blocks is normal — one for the whole site, one “Landing header — no menu” for two campaign pages. Rename a block from its head — click the name line at the top of its panel and type — so the list stays readable.
Footer block
Same doors, same rules, the same drawing cards. Ten looks: Classic · Editorial · Utility · Mega · Minimal · Newsletter · Visit · Trust · Social · Call to action. Options on the newer looks: background (ink, your brand colour, or light), a thin colour line on top, the email sign-up box (sign-ups land in your Form Inbox), and the payment-options line on stores. Every look keeps your legal links, the contact block from Business Info and the “Built with” credit where your plan shows it. The copyright line prints once: when your Copyright Text in Site Settings already has © or a year in it (“© 2026 Sharma Sweets, Jaipur”), the block shows it exactly as you wrote it; otherwise it reads “© 2026 Your name.” followed by your text, or “All rights reserved.” when you left it empty.
Announcement bar and phone bottom bar
How it looks. Colour (light, dark, your brand colour, or two colours you pick), words under the icons or icons only, height (compact, regular, tall), full width or floating just above the bottom edge, and phones only or phones and tablets — computers never show it, their visitors use the header. Highlight the page they are on marks the button of the page the visitor is looking at, in your brand colour or one you choose. The bar exists only on phones (and tablets when you choose), so opening it in the editor switches the preview to a phone by itself and back when you leave; pick the computer view on its page and a See it on a phone button brings the phone back. A button your website cannot show yet — WhatsApp or Call with no number under Business info — is left out of the bar, and a line at the top of the bar's page says which one and why.
The bottom bar hides the floating WhatsApp button on phones because it carries the chat itself. Both bars can be limited to certain pages or switched off exactly like the header. They are pure layout — the only script is a few lines that light up the current page's button, and only while Highlight the page they are on is switched on — so your loading speed stays where it is.
The “page not found” page
When a visitor opens a link that no longer exists — an old product, a mistyped address, a link from an old post — they see your website's 404 page. Out of the box it is a plain platform page. Add a 404 page turns it into your page, in your design, with your header and footer.
Add it
Under the section list on the left press Add a 404 page. It starts with a friendly headline (“Page not found”), a short line, a Back to home button and a helpful band — Browse the shop on stores, Contact us elsewhere. Every word is yours to change.
Build it like any page
Up to six blocks from the ordinary library — a photo, a search-friendly list of your main pages, an FAQ, a contact form. (Six is the cap on every one of these blocks; the panel head counts them for you.) It is a page, not chrome, so header and footer blocks are not offered inside it (it already wears your site's).
Update Website
The page is published as your site's 404. Search engines never index it, it never appears in your menus or sitemap, and broken links still report to Redirects so you can fix them. Switch the block Off or delete it and the standard page returns.
No header or footer at all
A blank canvas can be truly blank. Beside Header and Footer under the section list (and in the empty-page coach) there is a small picker with three choices: Design header (the built-in one you style in Site Settings → Header & Navigation), Header block (build it from blocks) and No header. Pick No header and every page publishes without a top bar — your sections start at the very top. The same picker exists for the footer. The choice is saved with your other Site Settings and goes live with Update Website; pick Design header any time to bring it back. While it is on No header, an amber line under the picker says so: “No page will have a menu bar — customers can't reach your other pages.” (the footer's says “no contact details or links at the bottom”; with a phone bottom bar showing, it says the menu is missing on computers). A page cannot bring the header back on its own while the site is on No header.
One page only? Open that page, tap Header in its section list (on a blank page, in the empty-page coach) and pick Hide on this page (footer too). A landing page can drop its header while the rest of the site keeps it. The line under the choice says what that page loses — “This page will have no menu bar — customers can't reach your other pages from it.” — and a page that hides its header or footer shows this strip above its sections, so you can see why and put it back. On your home page the choice asks once first: Yes, no header on my home page hides it, Keep the header changes nothing.
Without a header there is no menu button — visitors move through your links and buttons — so keep a way back home in your sections (a button, a logo block or the phone bottom bar, whose Menu tab opens the drawer).
Editing a block that is not showing? Its panel says so at the very top — for example “Not showing — your design's own footer is in use. Use this block instead?” — and names the reason for the page the preview shows: the picker is on the design's own footer (or on No footer), the block is switched off, its header or footer block inside is hidden, another block shows on that page, or it is set to show on other pages. One tap fixes most of them: Use this block sets the same picker, Switch on, or Show on this page too.
With the page outline on
The newer editor (the section list on the left, one page at a time) keeps one place for each of these choices:
Header and Footer rows
The page's section list starts with Header and ends with Footer, and each says what that page shows: From your design, Your header block, No header on your site, or Hidden on this page. Tap the row: a block opens itself; your design's own header (or none) opens Site Settings at the choice card, with the header's own settings right below it, and the header is ringed in the preview. Pages without a section list show the same Header and Footer rows under Header, footer & bars.
Which header your website shows
Three choices — Your design's header (change its logo, menu and colours just below) · A header you build (a ready-made header you change piece by piece; a block you saved earlier comes back) · No header (an amber line says what visitors lose). Switching never deletes anything: your design's header and a header you built both stay saved exactly as you left them, and a green line under the choices says how to go back. Under them, Hide the header on this page hides it only on the page you are editing (on content pages such as Home, About, Shop or a page you added — checkout, account, the blog and the other built-in pages always keep theirs); on your home page it asks once first. The footer card works the same way.
Bars & 404 page
Under the sections: Add an announcement bar, Add a phone bottom bar and Add a 404 page, each with one line saying what it is. A new 404 page opens on its head — what it is, and Delete this 404 page; deleting it brings back the simple built-in “Page not found” page.
From a block back to the choices
A header or footer block's head carries More header choices — your design's, none, or hide it on one page, which opens the same card.
Getting the design's own header back
Do this
- Switch the block Off from its head — the design's own header shows again; your block stays saved for later.
- Prefer Only these pages / Every page except… when only some pages need a different header.
- Press Update Website after any change — blocks are staged like every other edit.
Not this
- Don't delete a block just to test the original look — Off does that without losing your work.
- Don't type your phone or address into a block — change them once in Business Info; every block reads them.
- Don't expect a header block to change your menu links — those stay in Header & Footer.
Questions
Will turning my header into a block change my live site?
No. The block starts as Same as my design (pixel-identical) and nothing publishes until you press Update Website. Even then, only the looks and options you actually changed show up.
Can I have a different header on one landing page?
Yes — either create a second header block limited to that page (Only these pages), or open that page and set None on this page for a header-less landing page.
My design says the block replaces the design's header — is that reversible?
Yes. On fixed designs the block replaces the design's own band while it is on; switch it Off or delete it and the original header is back on the next Update Website.
Does a header block stay at the top when customers scroll?
Yes, wherever your design's own header did — the block keeps its place at the top on phones and computers. The newer looks also carry their own Sticky option.
Does a header block slow the site down?
No — blocks ship no extra script. The same shared bundle that runs every LentloSites website handles the menu, cart and account; a block only changes the layout it draws.
Where do I change the announcement text or the menu links?
Menu links live in Header & Footer and a header block shows whatever is saved there. The announcement text a bar block falls back to is Announcement Bar Text in the editor's Site Settings — or type your own words straight into the block.
More in Your website
Did this answer your question?
It takes one tap and it genuinely changes what we write next.