---
title: Headers and footers
description: Swap in another header or footer, edit links, add the mega menu and make the header sticky.
url: "https://wpruby.com/knowledgebase/cartavera-headers-and-footers/"
updated: "2026-11-04"
category: WPRuby Themes / Cartavera
---

# Headers and footers

Table of Contents

 [Toggle](#)

- [Choose a header or footer](#Choose_a_header_or_footer)
  - [Headers](#Headers)
  - [Footers](#Footers)
- [Edit the logo, menu and links](#Edit_the_logo_menu_and_links)
- [Category drawer](#Category_drawer)
- [Mega menu](#Mega_menu)
- [Sticky compact header](#Sticky_compact_header)
- [Store Search](#Store_Search)
- [Account menu](#Account_menu)
- [Newsletter footer](#Newsletter_footer)
- [Checkout header and footer](#Checkout_header_and_footer)

## Choose a header or footer

1. Go to **Appearance → Editor → Patterns**, then **Header** (or **Footer**) under *Template parts*.
2. Open the header, click the **⋮** menu (or select the header block), and choose **Replace**.
3. Pick one of Cartavera's designs and **Save**.

### Headers

| Header | Layout |
| --- | --- |
| **Marketplace header** (default) | Dark bar with logo, Store Search, account menu and mini-cart; a second row with the "All" category drawer button and your top categories |
| **Marketplace header with mega menu** | The same, but each top category opens a panel with its image and subcategories on desktop |
| **Two-row header with utility bar** | A thin top bar with your tagline and links to orders, returns and your account, above the main header |
| **Centered header (light)** | Light background, logo in the middle, search on one side and account and cart on the other, categories centered below |
| **Minimal one-row header** | Logo, top categories, a compact search, account and cart on one row. Below 1100 px the categories move into the category drawer |
| **Checkout header (distraction-free)** | Used on the checkout page only. See [Cart and checkout](https://wpruby.com/knowledgebase/cartavera-cart-and-checkout/) |

Marketplace header:

[![Marketplace header](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082752/cartavera-docs-header-marketplace.jpg)](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082752/cartavera-docs-header-marketplace.jpg)

Two-row header with utility bar:

[![Two-row header with utility bar](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082753/cartavera-docs-header-two-row.jpg)](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082753/cartavera-docs-header-two-row.jpg)

Centered header (light):

[![Centered header (light)](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082753/cartavera-docs-header-centered.jpg)](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082753/cartavera-docs-header-centered.jpg)

Minimal one-row header:

[![Minimal one-row header](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082754/cartavera-docs-header-minimal.jpg)](https://cdn.wpruby.com/wp-content/uploads/2026/11/04082754/cartavera-docs-header-minimal.jpg)

### Footers

| Footer | Layout |
| --- | --- |
| **Marketplace footer** (default) | Dark footer with a "Back to top" bar, four link columns built from your store pages (About, Shop, Departments, Help) and a bottom bar |
| **Minimal footer** | One row with the site title, links to your shop, account and policy pages, and the copyright line |
| **Centered footer (light)** | Site title and tagline in the middle, a row of department links, a row of help links and the copyright line |
| **Footer with newsletter sign-up** | A newsletter sign-up row above the four link columns |
| **Checkout footer** | Policy links. Used on the checkout page only |

## Edit the logo, menu and links

Open the header in **Appearance → Editor → Patterns → Header** and click what you want to change.

- **Logo:** select the Site Logo block and upload your logo. The site title shows when there's no logo.
- **Navigation row:** this is a Navigation block. The first time the header is shown it lists **Today's Deals**, **Best Sellers**, **New Arrivals** and your top product categories. Add, remove or reorder links like any Navigation block.
- **Footer links:** the footer columns are ordinary blocks. Click a link to change its text or URL.

**After you save, the menu is yours.** Until you save the header, Cartavera builds the menu from your current categories, so a new category appears on its own. Once you edit and save the header in the Site Editor, WordPress stores it as you left it, and a category you add later won't appear until you add it to the menu. To go back to the automatic version, open the header and choose **Reset** (⋮ → *Reset* or *Clear customizations*).

The "Today's Deals" link goes to the page that uses the **Deals page (sale products)** template. Create that page if you want the link to work; the Marketplace starter creates one for you.

## Category drawer

The **All** button in the header (the ☰ button on phones) opens a panel that slides out from the side. It lists your categories, which expand to show subcategories, plus store and account links. It needs the Cartavera Blocks plugin.

Select the **Category Drawer** block to change its label, hide the label, or hide the store links.

## Mega menu

Replace your header with **Marketplace header with mega menu**. On screens 782 px and wider, each top category opens a panel with its category image and up to eight subcategories. It works with the keyboard: Enter or Space opens a panel, the arrow keys move between categories and Escape closes it. On phones the header shows the category drawer instead.

Select the **Mega Menu** block to change how many categories it shows (default 6), how many subcategories each panel lists (default 8), and whether category images show.

Category images come from **Products → Categories → *category* → Thumbnail**.

## Sticky compact header

With this on, the header stays at the top while shoppers scroll. Once they scroll past it, only the main row (logo, search, account and cart) stays visible. The page doesn't jump, because the header keeps its space.

1. Open the header in **Appearance → Editor → Patterns → Header**.
2. Open **List View** and select the outermost **Group** block of the header.
3. In the block settings, under **Styles**, choose **Sticky compact header**.
4. **Save**.

It's off by default.

## Store Search

The search bar in the header searches your products, with a category selector and live suggestions (picture, name, price and stock) as the shopper types. It works with the keyboard and with screen readers, and still searches without JavaScript.

Select the **Store Search** block to change the placeholder text, hide the category selector, turn off suggestions, or show more or fewer suggestions (default 6).

## Account menu

The account menu shows a greeting and a dropdown with the shopper's WooCommerce account pages (orders, addresses and so on). Signed-out shoppers get sign-in links.

## Newsletter footer

The **Footer with newsletter sign-up** has a **Sign up** button, not a form, because WordPress has no built-in form block. By default it links to `#newsletter`. Click the button and set its link to your email provider's sign-up page. Developers can set it once for every newsletter pattern with the [`cartavera_newsletter_url`](https://wpruby.com/knowledgebase/cartavera-hooks/#cartavera_newsletter_url) filter.

## Checkout header and footer

The checkout page uses its own simpler header (logo, the page's purpose and a link back to the cart) and footer (policy links), so shoppers aren't pulled away while paying. Edit them in **Appearance → Editor → Patterns**, under the **Checkout header** and **Checkout footer** template parts. The cart page uses your normal header and footer.