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:

image

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

image

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:

image

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

image