Step 1

Note: If your story already has links in the Header, and you want to remove them, you can use this snippet (uses jQuery syntax):

<script>
  $(document).ready(function(){
      var ul = $("div.navbar-collapse > ul.nav.navbar-nav > li.navigation-link");
      ul.remove();
  })
</script>

Step 2

For adding new links, please use the below code:

Note: Each link should have it’s own id name, which you can use for assigning styles to your links. text attribute will be rendered as visible name of the link on the page.

<script>
  $(document).ready(function(){
    var ul = $("div.navbar-collapse > ul.nav.navbar-nav");
    var url = "https://www.example.com/about";
    var text = "New Link";
    ul.append('<li id="new-link"><a href="' + url + '">' + text + '</a></li>');
  });
</script>

Step 3

Save, and you’re done! You can click on the button to see how it’s working.