{"componentChunkName":"component---src-templates-simple-markdown-js","path":"/developer-portal/nav-footer/","matchPath":"","result":{"data":{"markdownRemark":{"html":"<h1 style=\"position:relative;\"><a href=\"#top-nav-and-footers-customization\" aria-label=\"top nav and footers customization permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"top-nav-and-footers-customization\"></div>Top nav and footers customization</h1>\n<p>The top nav and footers are defined in the <code class=\"language-text\">siteConfig.yaml</code> file.</p>\n<h2 style=\"position:relative;\"><a href=\"#change-a-top-nav-label\" aria-label=\"change a top nav label permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"change-a-top-nav-label\"></div>Change a top nav label</h2>\n<p>Let's rename the link from training exercises to training program.</p>\n\n      <div class=\"code-snippets-tabs\" >\n    <div class=\"snippets-tabs-headers\">\n      <span class=\"tab-header active\" data-lang=\"yaml\" data-snippet-id=\"Before\">Before</span><span class=\"tab-header \" data-lang=\"yaml\" data-snippet-id=\"After\">After</span>\n    </div>\n    <div class=\"snippets-tabs-contents\">\n      <div class=\"tab-content active\" data-lang=\"yaml\" data-snippet-id=\"Before\"><div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"37019668773932950000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`nav:\n\n  - label: Contact Us\n  #   page: developer-portal/index.md\n\n  # - label: External docs\n  #   href: https://docs.redoc.ly/developer-portal/introduction/\n\n  - search: true`, `37019668773932950000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-37019668773932950000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">nav</span><span class=\"token punctuation\">:</span>\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Contact Us\n  <span class=\"token comment\">#   page: developer-portal/index.md</span>\n\n  <span class=\"token comment\"># - label: External docs</span>\n  <span class=\"token comment\">#   href: https://docs.redoc.ly/developer-portal/introduction/</span>\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">search</span><span class=\"token punctuation\">:</span> <span class=\"token boolean important\">true</span></code></pre></div>\n      </div></div><div class=\"tab-content \" data-lang=\"yaml\" data-snippet-id=\"After\"><div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"76839854225917700000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`nav:\n\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`, `76839854225917700000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-76839854225917700000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">nav</span><span class=\"token punctuation\">:</span>\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Training program\n    <span class=\"token key atrule\">page</span><span class=\"token punctuation\">:</span> developer<span class=\"token punctuation\">-</span>portal/index.md\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> External docs\n    <span class=\"token key atrule\">href</span><span class=\"token punctuation\">:</span> https<span class=\"token punctuation\">:</span>//docs.redoc.ly/developer<span class=\"token punctuation\">-</span>portal/introduction/\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">search</span><span class=\"token punctuation\">:</span> <span class=\"token boolean important\">true</span></code></pre></div>\n      </div></div>\n    </div></div>\n    \n<h2 style=\"position:relative;\"><a href=\"#add-a-link-to-your-favorite-exercise\" aria-label=\"add a link to your favorite exercise permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"add-a-link-to-your-favorite-exercise\"></div>Add a link to your favorite exercise</h2>\n<p>Add a link to a page within the developer portal with the <code class=\"language-text\">label</code> and <code class=\"language-text\">page</code> information.</p>\n<div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"28067289184139920000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`nav:\n\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`, `28067289184139920000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-28067289184139920000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">nav</span><span class=\"token punctuation\">:</span>\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Training program\n    <span class=\"token key atrule\">page</span><span class=\"token punctuation\">:</span> developer<span class=\"token punctuation\">-</span>portal/index.md\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Markdown exercises\n    <span class=\"token key atrule\">page</span><span class=\"token punctuation\">:</span> developer<span class=\"token punctuation\">-</span>portal/markdown.md\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> External docs\n    <span class=\"token key atrule\">href</span><span class=\"token punctuation\">:</span> https<span class=\"token punctuation\">:</span>//docs.redoc.ly/developer<span class=\"token punctuation\">-</span>portal/introduction/\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">search</span><span class=\"token punctuation\">:</span> <span class=\"token boolean important\">true</span></code></pre></div>\n      </div>\n<h2 style=\"position:relative;\"><a href=\"#add-a-link-to-your-favorite-website\" aria-label=\"add a link to your favorite website permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"add-a-link-to-your-favorite-website\"></div>Add a link to your favorite website</h2>\n<p>Add a link to your favorite external website.\nNotice the <code class=\"language-text\">href</code> (instead of the <code class=\"language-text\">page</code>) and <code class=\"language-text\">label</code>.\nThe <code class=\"language-text\">href</code> value must be a fully qualified URL.</p>\n<div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"59193254490546370000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`nav:\n\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`, `59193254490546370000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-59193254490546370000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">nav</span><span class=\"token punctuation\">:</span>\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Training program\n    <span class=\"token key atrule\">page</span><span class=\"token punctuation\">:</span> developer<span class=\"token punctuation\">-</span>portal/index.md\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Markdown exercises\n    <span class=\"token key atrule\">page</span><span class=\"token punctuation\">:</span> developer<span class=\"token punctuation\">-</span>portal/markdown.md\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Favorite website\n    <span class=\"token key atrule\">href</span><span class=\"token punctuation\">:</span> https<span class=\"token punctuation\">:</span>//redoc.ly\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> External docs\n    <span class=\"token key atrule\">href</span><span class=\"token punctuation\">:</span> https<span class=\"token punctuation\">:</span>//docs.redoc.ly/developer<span class=\"token punctuation\">-</span>portal/introduction/\n\n  <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">search</span><span class=\"token punctuation\">:</span> <span class=\"token boolean important\">true</span></code></pre></div>\n      </div>\n<h2 style=\"position:relative;\"><a href=\"#fix-the-copyright-notice\" aria-label=\"fix the copyright notice permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"fix-the-copyright-notice\"></div>Fix the copyright notice</h2>\n<p>Our lawyer just called and said the copyright should have LLC after Redocly.\nPlease adjust the notice.</p>\n\n      <div class=\"code-snippets-tabs\" >\n    <div class=\"snippets-tabs-headers\">\n      <span class=\"tab-header active\" data-lang=\"yaml\" data-snippet-id=\"yaml\">yaml</span><span class=\"tab-header \" data-lang=\"yaml\" data-snippet-id=\"yaml-1\">yaml</span>\n    </div>\n    <div class=\"snippets-tabs-contents\">\n      <div class=\"tab-content active\" data-lang=\"yaml\" data-snippet-id=\"yaml\"><div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"24527024412354770000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`footer:\n  copyrightText: Copyright © Redocly 2019-2020. All right reserved.`, `24527024412354770000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-24527024412354770000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">footer</span><span class=\"token punctuation\">:</span>\n  <span class=\"token key atrule\">copyrightText</span><span class=\"token punctuation\">:</span> Copyright © Redocly 2019<span class=\"token punctuation\">-</span>2020. All right reserved.</code></pre></div>\n      </div></div><div class=\"tab-content \" data-lang=\"yaml\" data-snippet-id=\"yaml-1\"><div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"15703266926354575000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`footer:\n  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.`, `15703266926354575000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-15703266926354575000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">footer</span><span class=\"token punctuation\">:</span>\n  <span class=\"token key atrule\">copyrightText</span><span class=\"token punctuation\">:</span> Copyright © Redocly LLC 2019<span class=\"token punctuation\">-</span>2020. All right reserved.</code></pre></div>\n      </div></div>\n    </div></div>\n    \n<h2 style=\"position:relative;\"><a href=\"#add-a-footer-column\" aria-label=\"add a footer column permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><div class=\"hidden-anchor\" id=\"add-a-footer-column\"></div>Add a footer column</h2>\n<p>Here is the original <code class=\"language-text\">footer</code> section.</p>\n<div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"31313124616298983000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`footer:\n  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.\n  columns:\n    - group: Contact Us\n      items:\n        - label: 1-800-915-3381\n        - label: info@nxtsoft.com\n        \n    - group: Social Media\n      items:\n        - label: Facebook\n        - label: LinkedIn\n        - label: Twitter    \n    # - group: Support\n    #   items:\n    #     - label: FAQ\n    #       page: faq.md\n    #     - label: Contact us\n    #       page: contact.mdx`, `31313124616298983000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-31313124616298983000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">footer</span><span class=\"token punctuation\">:</span>\n  <span class=\"token key atrule\">copyrightText</span><span class=\"token punctuation\">:</span> Copyright © Redocly LLC 2019<span class=\"token punctuation\">-</span>2020. All right reserved.\n  <span class=\"token key atrule\">columns</span><span class=\"token punctuation\">:</span>\n    <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">group</span><span class=\"token punctuation\">:</span> Contact Us\n      <span class=\"token key atrule\">items</span><span class=\"token punctuation\">:</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> 1<span class=\"token punctuation\">-</span>800<span class=\"token punctuation\">-</span>915<span class=\"token punctuation\">-</span><span class=\"token number\">3381</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> info@nxtsoft.com\n        \n    <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">group</span><span class=\"token punctuation\">:</span> Social Media\n      <span class=\"token key atrule\">items</span><span class=\"token punctuation\">:</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Facebook\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> LinkedIn\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Twitter    \n    <span class=\"token comment\"># - group: Support</span>\n    <span class=\"token comment\">#   items:</span>\n    <span class=\"token comment\">#     - label: FAQ</span>\n    <span class=\"token comment\">#       page: faq.md</span>\n    <span class=\"token comment\">#     - label: Contact us</span>\n    <span class=\"token comment\">#       page: contact.mdx</span></code></pre></div>\n      </div>\n<p>Each item in a group may link to either a <code class=\"language-text\">page</code> or an <code class=\"language-text\">href</code>.</p>\n<div class=\"code-wrapper\">\n        <div class=\"gatsby-code-button-container\"\n             data-toaster-id=\"18090836251607257000\"\n             data-toaster-duration=\"1500\"\n             onClick=\"copyCodeToClipboard(`footer:\n  copyrightText: © 2021 NXTsoft\n  columns:\n    - group: Contact Us\n      items:\n        - label: 1-800-913-3381\n          # href: 'https://redoc.ly/subscription-agreement/'\n        - label: info@nxtsoft.com\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: Social Media\n      items:\n        - label: Facebook\n          # page: faq.md\n        - label: LinkedIn\n          # page: contact.mdx\n        - label: Twitter  `, `18090836251607257000`)\"\n        >\n          <div class=\"gatsby-code-button\" title=\"Copy the code snippet\">Copy</div>\n          <div class=\"done-indicator done-indicator-18090836251607257000\">Copied</div>\n        </div>\n        <div class=\"gatsby-highlight\" data-language=\"yaml\"><pre class=\"language-yaml\"><code class=\"language-yaml\"><span class=\"token key atrule\">footer</span><span class=\"token punctuation\">:</span>\n  <span class=\"token key atrule\">copyrightText</span><span class=\"token punctuation\">:</span> © 2021 NXTsoft\n  <span class=\"token key atrule\">columns</span><span class=\"token punctuation\">:</span>\n    <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">group</span><span class=\"token punctuation\">:</span> Contact Us\n      <span class=\"token key atrule\">items</span><span class=\"token punctuation\">:</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> 1<span class=\"token punctuation\">-</span>800<span class=\"token punctuation\">-</span>913<span class=\"token punctuation\">-</span><span class=\"token number\">3381</span>\n          <span class=\"token comment\"># href: 'https://redoc.ly/subscription-agreement/'</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> info@nxtsoft.com\n          <span class=\"token comment\"># href: 'https://redoc.ly/privacy-policy/'</span>\n        <span class=\"token comment\"># - label: Cookie Notice</span>\n        <span class=\"token comment\">#   href: 'https://redoc.ly/privacy-policy/'</span>\n    <span class=\"token comment\"># - group: Product</span>\n    <span class=\"token comment\">#   items:</span>\n    <span class=\"token comment\">#     - label: Reference docs</span>\n    <span class=\"token comment\">#       href: 'https://docs.redoc.ly/api-reference-docs/getting-started/'</span>\n    <span class=\"token comment\">#     - label: Developer portal</span>\n    <span class=\"token comment\">#       href: 'https://docs.redoc.ly/developer-portal/introduction/'</span>\n    <span class=\"token comment\">#     - label: CI/CD workflows</span>\n    <span class=\"token comment\">#       href: 'https://docs.redoc.ly/ci-cd-workflows/'</span>\n    <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">group</span><span class=\"token punctuation\">:</span> Social Media\n      <span class=\"token key atrule\">items</span><span class=\"token punctuation\">:</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Facebook\n          <span class=\"token comment\"># page: faq.md</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> LinkedIn\n          <span class=\"token comment\"># page: contact.mdx</span>\n        <span class=\"token punctuation\">-</span> <span class=\"token key atrule\">label</span><span class=\"token punctuation\">:</span> Twitter  </code></pre></div>\n      </div>\n<p>You may also override the navbar and footer components.\nThat is beyond the scope of this training program.</p>","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":"2025-12-17T21:55:39.000Z","enableToc":null,"disableLastModified":null,"tocMaxDepth":null,"requestLogin":false}},"siteConfig":{"enableToc":true,"disableLastModified":false,"tocMaxDepth":4}},"pageContext":{"matchPath":"","id":"6e261a42-6796-5539-aa18-866bc8bbbf2f__redocly content/developer-portal/nav-footer/","seo":{"title":"Top nav and footers customization","description":null,"image":"","keywords":null,"jsonLd":null,"lang":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","1180902673","1302185487","1344209882","1398840060","1520077861","1975142765","2667623876","2950305614","3743992808","561138138"]}