Changing site logo

You can change the site logo in two ways:

  1. By changing the default logo in one place and that will change the site logos in every other pages
  2. Changing logo manually page by page in case you want to use a different logo on a different page.

Changing in one place:

Navigate to your project’s src /data and open the file headerDefaultConfig.js in your code editor. Uncomment the line 1 and 8 as shown in the image below:


Replace site-logo.png with your image name or rename your image to site-logo.png.


Note: To learn more about how absolute path works, check here.

Changing manually page by page:

First import your page logo right after React import in the following manner:


Assign the customLogo key’s value to the header object of the page in the following manner: