Hiding Navigation and Related Topics

Yeah you probably could achieve it with a 3rd party script. Detect that you’re in that community category and then hide() the navigation and related topics.

Something like this should work, where [CATEGORY PART OF URL] should be the part of the URL that is your category name + id

<script>
  (function() {
    const pathname = window.location.pathname;

    if (pathname.includes('/[CATEGORY PART OF URL] ')) {
      const style = document.createElement('style');
      style.innerHTML = `
        .widget--related-topics,
        .breadcrumb-container {
          display: none !important;
        }
      `;
      document.head.appendChild(style);
    }
  })();
</script>

Hi ​@jvdc thanks for the reply. running into this error when I try to add the script. any idea on what I can do?

Hey I've written a more simple version that includes your community category

<script>
  $(function () {
    if (location.pathname.includes('/onboarding-for-veeam-data-platform-163')) {
      $('.widget--related-topics, .breadcrumb-container').hide();
    }
  });
</script>

​@jvdc still running into that same error message.. 😅 have you tried this in your community?

Hey ​@safiya , yes it works on my side ;-)

But it looks like you're inserting this in your CSS. It should be in your 3rd party scripts. You can insert it before the </body> tag (3rd option)

By the way it will also remove it the breadcrumb from the category overview. We can adjust it if you'd like to keep the breadcrumb in the category overview….

ahh my mistake! thanks for correcting.

I added it to the body. it got rid of the navigation at the top (thank you!) but related topics still stuck. see images and page: https://community.veeam.com/onboarding-for-veeam-data-platform-163/onboarding-for-veeam-backup-for-microsoft-365-step-2-1-backup-architecture-10057 

Hey when i click on your link, the related topics are gone for me

amazing!! thank you ​@jvdc this worked!