---
title: Changing Header Image and Logo
description: Creating a header is easy. After you enable visual builder, hover the mouse over the header. Click on the icon set with the title "row settings". Here is also a video on how to change the header image
---

[Skip to content](https://docs.zaytech.com/knowledge/changing-header-image-and-logo#main-content)

English

Show submenu for translations

[More support](https://docs.zaytech.com/knowledge/kb-tickets/new?hsLang=en)

![logo-2.png\]](https://docs.zaytech.com/hs-fs/hubfs/logo-2.png?height=47&name=logo-2.png)

- [Default HubSpot Blog](https://blog.zaytech.com/)

Open main navigation

Close main navigation

- [Default HubSpot Blog](https://blog.zaytech.com/)
- English
  
  Show submenu for translations
- [More support](https://docs.zaytech.com/knowledge/kb-tickets/new)
- Smart Online Order - by Zaytech

 Smart Online Order - by Zaytech

 What are you looking for?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://docs.zaytech.com/knowledge?hsLang=en)
2. [Set Up Smart Online Order Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en)
3. [Making Simple Changes Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#making-simple-changes-yourself)

# Changing Header Image and Logo

### Updating the Logo Image ![image-Jun-29-2026-08-31-55-4249-PM](https://docs.zaytech.com/hs-fs/hubfs/image-Jun-29-2026-08-31-55-4249-PM.png?width=670&height=284&name=image-Jun-29-2026-08-31-55-4249-PM.png)

1. Log in to your WordPress Admin Dashboard.  
   ![Screenshot 2026-06-29 at 1.34.10 PM](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.34.10%20PM.png?width=150&height=676&name=Screenshot%202026-06-29%20at%201.34.10%20PM.png)
2. In the left-hand menu, navigate to **Divi → Theme Options**.  
   ![Screenshot 2026-06-29 at 1.34.10 PM copy](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.34.10%20PM%20copy.png?width=150&height=676&name=Screenshot%202026-06-29%20at%201.34.10%20PM%20copy.png)
3. Locate the **Logo** field.
4. Click **Upload**.  
   ![Screenshot 2026-06-29 at 1.35.06 PM](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.35.06%20PM.png?width=670&height=34&name=Screenshot%202026-06-29%20at%201.35.06%20PM.png)
5. Select an existing image from your Media Library or upload a new logo from your computer.
6. Once the image has been selected, click the **Save Changes** button at the top of the page.  
   ![Screenshot 2026-06-29 at 1.36.18 PM](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.36.18%20PM.png?width=233&height=94&name=Screenshot%202026-06-29%20at%201.36.18%20PM.png)

 

### How to Change the Header Image Using the Divi Visual Builder ![Screenshot 2026-06-29 at 1.41.03 PM](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.41.03%20PM.png?width=670&height=188&name=Screenshot%202026-06-29%20at%201.41.03%20PM.png)

### Step 1: Open the Page

1. Log in to your WordPress Admin Dashboard.
2. Navigate to **Pages**.
3. Locate the page you want to edit.
4. Click **Enable Visual Builder** (or **Edit with Divi** if you're editing from the backend).

### Step 2: Locate the Header Section

1. Once the Visual Builder loads, scroll to the top of the page.
2. Hover over the header area until the **blue Section** outline appears.
3. Click the **gear icon (Section Settings)**.  
   ![Screenshot 2026-06-29 at 1.41.03 PM copy](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.41.03%20PM%20copy.png?width=670&height=188&name=Screenshot%202026-06-29%20at%201.41.03%20PM%20copy.png)

### Step 3: Update the Background Image

If the image is assigned to the **Section**:

1. In the **Section Settings** window, select the **Background** tab.  
   ![Screenshot 2026-06-29 at 1.41.22 PM](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.41.22%20PM.png?width=499&height=518&name=Screenshot%202026-06-29%20at%201.41.22%20PM.png)
2. Click the **Image** icon.  
   ![Screenshot 2026-06-29 at 1.41.33 PM copy](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.41.33%20PM%20copy.png?width=475&height=520&name=Screenshot%202026-06-29%20at%201.41.33%20PM%20copy.png)
3. Select a new image from the Media Library or upload a new one.
4. Click **Upload an Image** (or **Use This Image**).

### Step 4: Save the Changes

1. Click the **green checkmark** to save the section or module.
2. Click the **purple circle** at the bottom of the page to open the page controls (if they are hidden).
3. Click the **Save** button to save the page.  
   ![Screenshot 2026-06-29 at 1.46.16 PM copy](https://docs.zaytech.com/hs-fs/hubfs/Screenshot%202026-06-29%20at%201.46.16%20PM%20copy.png?width=670&height=27&name=Screenshot%202026-06-29%20at%201.46.16%20PM%20copy.png)

Here is also a video on how to change the header image and logo.

[How to change the Header Image on the Order Online Page](https://www.youtube.com/watch?v=Q_rIH_KQdB4)

- [Quick Setup Instructions](https://docs.zaytech.com/knowledge/quick-setup-instructions?hsLang=en#main-content)
  
  
  
  
  
    - [Getting Started](https://docs.zaytech.com/knowledge/quick-setup-instructions?hsLang=en#getting-started)
- [Set Up Smart Online Order Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#main-content)
  
  
  
  
  
    - [Making Simple Changes Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#making-simple-changes-yourself)
- [Developers](https://docs.zaytech.com/knowledge/developers?hsLang=en#main-content)
  
  
  
  
  
    - [WordPress Plug-in](https://docs.zaytech.com/knowledge/developers?hsLang=en#wordpress-plug-in)
- [Smart Online Order / Clover Dashboards](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#main-content)
  
  
  
  
  
    - [Signing in](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#signing-in)
    - [Other Options](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#other-options)
    - [Clover Dashboard](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#clover-dashboard)
- [Retail](https://docs.zaytech.com/knowledge/retail?hsLang=en)
- [FAQ](https://docs.zaytech.com/knowledge/faq?hsLang=en)
- [Import/Sync Inventory](https://docs.zaytech.com/knowledge/import-sync-inventory?hsLang=en)
- [Order Types Tab](https://docs.zaytech.com/knowledge/order-types-tab?hsLang=en)
- [Categories & Items](https://docs.zaytech.com/knowledge/categories-items?hsLang=en)
- [Checkout Settings](https://docs.zaytech.com/knowledge/checkout-settings?hsLang=en)
- [Store Settings](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#main-content)
  
  
  
  
  
    - [Scheduling Orders](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#scheduling-orders)
    - [Email / Text Notifications](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#email-text-notifications)
- [Delivery Areas/Fees](https://docs.zaytech.com/knowledge/delivery-areas-fees?hsLang=en)
- [Store Interfaces](https://docs.zaytech.com/knowledge/store-interfaces?hsLang=en)
- [Items/Images/Descriptions](https://docs.zaytech.com/knowledge/items-images-descriptions?hsLang=en)
- [Coupons](https://docs.zaytech.com/knowledge/coupons?hsLang=en)
- [Helpful Articles](https://docs.zaytech.com/knowledge/helpful-articles?hsLang=en#main-content)
  
  
  
  
  
    - [Troubleshooting](https://docs.zaytech.com/knowledge/helpful-articles?hsLang=en#troubleshooting)
- [Troubleshooting](https://docs.zaytech.com/knowledge/troubleshooting?hsLang=en)
- [Kiosk](https://docs.zaytech.com/knowledge/kiosk?hsLang=en)
- [Customers](https://docs.zaytech.com/knowledge/customers?hsLang=en)
- [Loyalty System](https://docs.zaytech.com/knowledge/loyalty-system?hsLang=en)
- [Branded App](https://docs.zaytech.com/knowledge/branded-app?hsLang=en)
- [Mobile App](https://docs.zaytech.com/knowledge/mobile-app?hsLang=en)
- [Modifier Groups and Modifiers](https://docs.zaytech.com/knowledge/modifier-groups-and-modifiers?hsLang=en)
- [Crossposting Blog](https://docs.zaytech.com/knowledge/crossposting-blog?hsLang=en)

- [Default HubSpot Blog](https://blog.zaytech.com/)

[![Chill listening crop-3](https://docs.zaytech.com/hs-fs/hubfs/logo-2.png?width=101&height=32&name=logo-2.png "Chill listening crop-3")](https://zaytech.com/)

2025 Zaytech Software Co. All Rights Reserved.

[support@zaytech.com](mailto:support@zaytech.com)

[Call Us For Support: (925) 414 – 3848](tel:9254143848)

Copyright © 2025, Zaytech