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

Top nav and footers customization

\n

The top nav and footers are defined in the siteConfig.yaml file.

\n

Change a top nav label

\n

Let's rename the link from training exercises to training program.

\n\n
\n
\n BeforeAfter\n
\n
\n
\n
\n
Copy
\n
Copied
\n
\n 
nav:\n  - label: Training exercises\n    page: developer-portal/index.md\n\n  - label: External docs\n    href: https://docs.redoc.ly/developer-portal/introduction/\n\n  - search: true
\n
\n
\n
Copy
\n
Copied
\n
\n 
nav:\n  - label: Training program\n    page: developer-portal/index.md\n\n  - label: External docs\n    href: https://docs.redoc.ly/developer-portal/introduction/\n\n  - search: true
\n
\n
\n \n

Add a link to your favorite exercise

\n

Add a link to a page within the developer portal with the label and page information.

\n
\n
\n
Copy
\n
Copied
\n
\n 
nav:\n  - label: Training program\n    page: developer-portal/index.md\n\n  - label: Markdown exercises\n    page: developer-portal/markdown.md\n\n  - label: External docs\n    href: https://docs.redoc.ly/developer-portal/introduction/\n\n  - search: true
\n
\n

Add a link to your favorite website

\n

Add a link to your favorite external website.\nNotice the href (instead of the page) and label.\nThe href value must be a fully qualified URL.

\n
\n
\n
Copy
\n
Copied
\n
\n 
nav:\n  - label: Training program\n    page: developer-portal/index.md\n\n  - label: Markdown exercises\n    page: developer-portal/markdown.md\n\n  - label: Favorite website\n    href: https://redoc.ly\n\n  - label: External docs\n    href: https://docs.redoc.ly/developer-portal/introduction/\n\n  - search: true
\n
\n

Fix the copyright notice

\n

Our lawyer just called and said the copyright should have LLC after Redocly.\nPlease adjust the notice.

\n\n
\n
\n yamlyaml\n
\n
\n
\n
\n
Copy
\n
Copied
\n
\n 
footer:\n  copyrightText: Copyright © Redocly 2019-2020. All right reserved.
\n
\n
\n
Copy
\n
Copied
\n
\n 
footer:\n  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.
\n
\n
\n \n

Add a footer column

\n

Add a column in between legal and support named products.

\n

Here is the original footer section.

\n
\n
\n
Copy
\n
Copied
\n
\n 
footer:\n  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.\n  columns:\n    - group: Legal\n      items:\n        - label: Terms of Use\n          href: \"https://redoc.ly/subscription-agreement/\"\n        - label: Privacy Notice\n          href: \"https://redoc.ly/privacy-policy/\"\n        - label: Cookie Notice\n          href: \"https://redoc.ly/privacy-policy/\"\n    - group: Support\n      items:\n        - label: FAQ\n          page: faq.md\n        - label: Contact us\n          page: contact.mdx
\n
\n

Each item in a group may link to either a page or an href.

\n
\n
\n
Copy
\n
Copied
\n
\n 
footer:\n  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.\n  columns:\n    - group: Legal\n      items:\n        - label: Terms of Use\n          href: \"https://redoc.ly/subscription-agreement/\"\n        - label: Privacy Notice\n          href: \"https://redoc.ly/privacy-policy/\"\n        - label: Cookie Notice\n          href: \"https://redoc.ly/privacy-policy/\"\n    - group: Product\n      items:\n        - label: Reference docs\n          href: \"https://docs.redoc.ly/api-reference-docs/getting-started/\"\n        - label: Developer portal\n          href: \"https://docs.redoc.ly/developer-portal/introduction/\"\n        - label: CI/CD workflows\n          href: \"https://docs.redoc.ly/ci-cd-workflows/\"\n    - group: Support\n      items:\n        - label: FAQ\n          page: faq.md\n        - label: Contact us\n          page: contact.mdx
\n
\n

You may also override the navbar and footer components.\nThat is beyond the scope of this training program.

","headings":[{"value":"Top nav and footers customization","depth":1},{"value":"Change a top nav label","depth":2},{"value":"Add a link to your favorite exercise","depth":2},{"value":"Add a link to your favorite website","depth":2},{"value":"Fix the copyright notice","depth":2},{"value":"Add a footer column","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":"2f4702dd-6421-5918-b475-1b903a2e1795__redocly content/developer-portal/nav-footer/","seo":{"title":"Top nav and footers customization","description":null,"image":"","keywords":null,"jsonLd":null,"lang":null,"siteUrl":null},"pageId":"developer-portal/nav-footer.md","pageBaseUrl":"/developer-portal/nav-footer","type":"markdown","toc":{"enable":true,"maxDepth":4,"headings":[{"depth":1,"value":"Top nav and footers customization","id":"top-nav-and-footers-customization"},{"depth":2,"value":"Change a top nav label","id":"change-a-top-nav-label"},{"depth":2,"value":"Add a link to your favorite exercise","id":"add-a-link-to-your-favorite-exercise"},{"depth":2,"value":"Add a link to your favorite website","id":"add-a-link-to-your-favorite-website"},{"depth":2,"value":"Fix the copyright notice","id":"fix-the-copyright-notice"},{"depth":2,"value":"Add a footer column","id":"add-a-footer-column"}]},"data":{"title":""},"catalogInfo":null,"link":"/developer-portal/nav-footer/","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"]}