How to change Store Logo in Magento 2 Pearl Theme

Using Pearl Theme you can set different Logos for Desktop and Mobile

The logo is the most important part of any business. In order to set it on your store’s web page, just follow these steps:

Step 1. Go to Admin -> Content -> Design -> Configuration.

 Note: If you have more than one store, please choose one of them and click the Edit button. You can change your logo for any of your stores by repeating the steps from 2 to 4.

Step 2. Please scroll down to Header - here is the Logo’s area. After you upload the new logo, you have 2 options:

a. You can insert the values for the Width and Height of your new logo.

•  Just fill the numbers - no need to use “px”.
• Your logo can have default values for Width and Height.

When complete, please don't forget to click Save Configuration.

Step 3. To view all the changes in Frontend, go to Admin -> System -> Tools -> Cache Management.

Then scroll down to WeltPixel Cache Management, select your store from Select Store View, and tap Regenerate Pearl Theme LESS/CSS files. 

After this, all your changes will be generated with success. 

Step 4.  Go to Frontend and refresh the web page to see the new logo of your store.

If you want to add a Header Logo for Mobile follow the bellow steps:

Step 1. Go to Admin -> Content -> Design -> Configuration.

Note: If you have more than one store, please choose one of them and click the Edit button. You can change your logo for any of your stores by repeating the steps from 2 to 5.

Step 2. Please scroll down to WeltPixel Header-Mobile Logo, here is the Logo area. After you upload the new logo, you have 3 options:

a. You can insert the values for the Mobile Logo Width and Mobile Logo Height of your new logo.

•  Just fill the numbers - no need to use “px”.
• Your logo can have default values for Width and Height.

b. Mobile Logo Position Set where do you want the Logo to appear

• Left
• Center

When complete, please don't forget to click Save Configuration.

Step 3. To view all the changes in Mobile Frontend, go to Admin -> System -> Tools -> Cache Management.

Then scroll down to WeltPixel Cache Management, select your store from Select Store View, and click  Regenerate Pearl Theme LESS/CSS files. 

After this, all your changes will be generated with success.

Step 4.  Go to Mobile Frontend and refresh the web page to see the new logo of your store.

See? Was easy, not? Your awesome logo is now applied!

     Tired of reading? Check out the video: