You can change the site logo in two ways:
- By changing the default logo in one place and that will change the site logos in every other pages
- 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:
site-logo.png with your image name or rename your image to
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: