Articles on: Magento 2 Pearl Theme User Guide

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.




Step 1 — Access Design Configuration

Go to:

Admin → Content → Design → Configuration


Magento Admin - Design Configuration page


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



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



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



Step 4 — Verify in Frontend

Visit your storefront and refresh the page.

Your new desktop logo should now be visible.




Step 1 — Access Design Configuration

Go to:

Admin → Content → Design → Configuration


Magento Admin - Accessing mobile logo settings


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


Magento Admin - Selecting store for mobile logo settings



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



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:


Updated on: 16/09/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!