Understanding and Editing Beaver Themer Layouts for Headers and Footers

Your website uses Beaver Themer layouts to control global design elements like the header and footer. Instead of editing each page individually, Themer ensures your header and footer remain consistent across the entire site.

What Are Themer Layouts?

Beaver Themer extends Beaver Builder by allowing you to design templates that apply site-wide. Two of the most important templates are:

• Header Layout – The top section of your site, including your logo, navigation menu, and sometimes contact links or social icons.

• Footer Layout – The bottom section of your site, often used for contact info, quick links, social media, and copyright text.

By editing a Themer layout once, the change is applied everywhere—keeping your branding and navigation consistent.

Why Are They Important?

• Branding: The header usually contains your logo, which is the first thing visitors see.

• Navigation: Menus in the header and footer guide users to important content.

• Trust & Compliance: The footer often includes privacy policies, terms, and contact info.

• Consistency: Global layouts save time and ensure the look stays uniform across the site.

How to Edit the Header or Footer Layout

1. Log in to WordPress

   • Go to your WordPress dashboard.

2. Find Themer Layouts

   • In the left-hand menu, click Beaver Builder > Themer Layouts.

   • You’ll see layouts labeled “Header” and “Footer.”

3. Open the Layout

   • Hover over the layout name (Header or Footer) and click Edit.

   • From here, click Launch Beaver Builder to open the visual editor.

4. Make Edits in Beaver Builder

   • Header: Update the logo, navigation menu, or add modules like a button (e.g., “Register Now”).

   • Footer: Update contact info, links, or social media icons.

   • Use the row/module settings to adjust styles, spacing, and colors.

5. Save and Publish

   • When finished, click Done > Publish to apply changes site-wide.

Best Practices

• Keep your header simple: logo + navigation + 1 key action button.

• Use the footer for utility links (privacy policy, terms, contact info).

• Always preview changes on desktop and mobile—headers and footers adjust responsively.

• Avoid clutter—these sections should support navigation, not overwhelm users.