Editing with Beaver Builder

Overview: Your new website uses a Front End Page Editor (“Beaver Builder”) on most pages. Beaver Builder is a front-end page editor that makes editing easy and visual. Steps to Edit:

1. Go to the page you want to edit.
2. Click Beaver Builder in the top toolbar.
3. Hover over any section and click the wrench icon to edit. Do not edit modules that have an orange outline, unless you intend to make the change universal throughout the website. These are global modules. Blue-bordered modules are ok to edit.
4. Use headings consistently:
   1. H1 is reserved for page titles, which are usually in global modules so you do not edit these. (To edit a page title, click “Edit Page” in the top black bar instead of Beaver Builder, and edit the page title there. It will automatically change on the page within the global Beaver Builder module)
   2. Use H2/H3 for subheadings.
5. Avoid changing fonts or colors unless instructed.

Pro Tip: If you accidentally click Edit Page instead of Beaver Builder, relaunch Beaver Builder and click Done > Publish to restore formatting. Mobile Responsive Editing with Beaver Builder

1. Open Beaver Builder
2. Launch the page in the Beaver Builder editor.
3. Click on the module, column, or row you want to adjust.
4. Switch to Responsive Views
5. Click the Responsive Editing icon (monitor/tablet/phone symbol).
   1. Choose from the available screen sizes: Large Desktop Medium / Tablet Small / Mobile
6. Make Adjustments
7. Edit styles, spacing, text size, or other settings for each device view as needed.
8. Save Your Changes
9. Click Done → Publish to apply your updates.