> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weltpixel.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to change Store Logo in Magento 2 Pearl Theme

Using the **Pearl Theme**, you can set different logos for **Desktop** and **Mobile** views.  

Follow the steps below to change your store’s logo.

---

## Change the Desktop Logo

### Step 1 — Access Design Configuration
Go to:  
**Admin → Content → Design → Configuration**

![Magento Admin - Design Configuration page](https://storage.crisp.chat/users/helpdesk/website/-/b/e/6/3/be6305a059ffc000/c773c2e4-a739-4511-889f-1913b1_1li6kls.png)

> **Note:** If you have multiple stores, select the desired store and click **Edit**.  
> Repeat these steps for each store where you want to change the logo.

![Magento Admin - Selecting store for design configuration](https://storage.crisp.chat/users/helpdesk/website/-/b/f/5/b/bf5b180333bb0000/c297fef5-8697-4da5-ab26-a28e24_1bj0aaq.png)

---

### Step 2 — Upload Your Logo
Scroll down to the **Header** section.

- Upload your new logo.  
- Optionally, specify **Width** and **Height** (no need to add “px”).  
- If left empty, Magento will use default dimensions.

When done, click **Save Configuration**.

![Magento Admin - Uploading a new logo in Header section](https://storage.crisp.chat/users/helpdesk/website/-/8/b/f/5/8bf549122bfc9000/118cd663-60eb-4476-9c3b-d25b51_85pd80.png)

---

### Step 3 — Regenerate Cache
Go to:  
**Admin → System → Tools → Cache Management**

- Scroll to **WeltPixel Cache Management**.  
- Select your store from **Select Store View**.  
- Click **Regenerate Pearl Theme LESS/CSS files**.  

This ensures your new logo is applied properly.

![Magento Admin - Regenerate Pearl Theme LESS/CSS](https://storage.crisp.chat/users/helpdesk/website/-/f/d/8/0/fd8097dc6aecf0/cf9b64a0-0b48-43ee-ab66-ffeb11_cbt343.png)

---

### Step 4 — Verify in Frontend
Visit your storefront and refresh the page.  
Your new desktop logo should now be visible.

---

## Change the Mobile Logo

### Step 1 — Access Design Configuration
Go to:  
**Admin → Content → Design → Configuration**

![Magento Admin - Accessing mobile logo settings](https://storage.crisp.chat/users/helpdesk/website/-/a/5/c/b/a5cbf20aee446800/ce82aad8-da39-4ba3-bc63-c337a5_no8055.png)

> **Note:** As with desktop logos, choose the store you want to edit and click **Edit**.

![Magento Admin - Selecting store for mobile logo settings](https://storage.crisp.chat/users/helpdesk/website/-/3/3/9/3/339347a8cdfb7600/a2943bf5-0dd1-4787-83fc-6b4672_1vmbnx8.png)

---

### Step 2 — Upload and Configure Mobile Logo
Scroll down to **WeltPixel Header - Mobile Logo**.

Options available:
- **Mobile Logo Width & Height**: enter values without “px”. Defaults will apply if left blank.  
- **Mobile Logo Position**: choose where the logo will appear:
  - Left  
  - Center  

Click **Save Configuration** when finished.

![Magento Admin - Mobile logo configuration options](https://storage.crisp.chat/users/helpdesk/website/-/9/9/2/a/992a7c9e498f2800/5e52c0f0-8abe-4e96-854f-c88210_1xdaqth.png)

---

### Step 3 — Regenerate Cache
As with the desktop logo:  
Go to **Cache Management → WeltPixel Cache Management** and click **Regenerate Pearl Theme LESS/CSS files**.

---

### Step 4 — Verify on Mobile
Open your store on a mobile device (or using responsive preview tools), refresh, and confirm that your new mobile logo is visible.

---

See? That was simple! 🎉  
Your custom logo is now applied for both desktop and mobile storefronts.  

---

## Video Guide
Tired of reading? Watch the full walkthrough here:  

${frame}[](//www.youtube-nocookie.com/embed/hwzH13ymKhg)