{"componentChunkName":"component---src-templates-simple-markdown-js","path":"/developer-portal/logo/","matchPath":"","result":{"data":{"markdownRemark":{"html":"

Change your logo

\n

Add your logo

\n

To display your logo in the navbar, overwrite the existing image at ./images/logo.png.

\n

Adjust siteConfig

\n

The siteConfig.yaml file defines the path to the logo.

\n
\n
\n
Copy
\n
Copied
\n
\n 
logo: ./images/logo.png
\n
\n

You must adjust this setting if your custom logo has a different file name or path.

\n

Adjust logo size

\n

To change the logo image size, you must add the logo object to ./theme.ts:

\n
\n
\n
Copy
\n
Copied
\n
\n 
logo: {\n  height: `50px`,\n  margin: `10px 0`,\n  maxHeight: `100%`,\n  maxWidth: `120%`,\n},
\n
\n

The logo object controls how the logo image scales within the navbar.\nNote that modifying these options may result in distortion of the logo image.\nChanging the logo image height also affects the total height of the navbar.\nYou can read more about theme customization in the documentation.

\n

Adjust favicon

\n

You can also overwrite the ./favicon.png file.

","headings":[{"value":"Change your logo","depth":1},{"value":"Add your logo","depth":2},{"value":"Adjust siteConfig","depth":2},{"value":"Adjust logo size","depth":2},{"value":"Adjust favicon","depth":2}]},"contentItem":{"data":{"lastModified":"2023-03-21T02:46:22.000Z","enableToc":null,"disableLastModified":null,"tocMaxDepth":null,"requestLogin":false}},"siteConfig":{"enableToc":false,"disableLastModified":false,"tocMaxDepth":4}},"pageContext":{"matchPath":"","id":"696671b5-5869-5a77-8112-9912a1af0bdb__redocly content/developer-portal/logo/","seo":{"title":"Change your logo","description":null,"image":"","keywords":null,"jsonLd":null,"lang":null,"siteUrl":null},"pageId":"developer-portal/logo.md","pageBaseUrl":"/developer-portal/logo","type":"markdown","toc":{"enable":true,"maxDepth":4,"headings":[{"depth":1,"value":"Change your logo","id":"change-your-logo"},{"depth":2,"value":"Add your logo","id":"add-your-logo"},{"depth":2,"value":"Adjust siteConfig","id":"adjust-siteconfig"},{"depth":2,"value":"Adjust logo size","id":"adjust-logo-size"},{"depth":2,"value":"Adjust favicon","id":"adjust-favicon"}]},"data":{"title":""},"catalogInfo":null,"link":"/developer-portal/logo/","sidebarName":"","isLanding":false,"showPrevButton":null,"showNextButton":null,"apiVersions":null,"apiVersionId":null,"isDefaultApiVersion":null}},"staticQueryHashes":["1123603147","1302185487","1344209882","1398840060","1520077861","1975142765","2667623876","2950305614","3240152602","3743992808","561138138"]}