title: Squarespace per page custom navigation links
body: <p>So I've spent a day on Google,  and trying bits of jquery/javascript to do what I'm looking to do and am officially stuck.</p>
  
  <p>I'm building a site using Squarespace, with the Marquee theme applied. I would like to be able to add a custom link in the primary navigation to send users to an alternative language version of each specific page. </p>
  
  <p>But, I'm struggling. Ive found solutions on here that should work, but I don't think I'm applying it right. Ive tried adding a single link to the navigation and using a script on each page (in the code injection point of the head section) point that link somewhere else.</p>
  
  <p>This would mean I have a single link in the navigation (which is standard across the site) pointing users to whichever page I want...on a per page basis. I know there is a solution out there....just can't make it work!</p>
  
  <p>The section I need the link to work from is:</p>
  
  <pre><code>&lt;div id="desktopNav" data-content-field="navigation-mainNav" data-annotation-alignment="bottom left"&gt;
  &lt;nav class="main-nav" id="yui_3_17_2_1_1450478013910_660"&gt;
  &lt;div class="nav-wrapper" id="yui_3_17_2_1_1450478013910_659"&gt;
  &lt;ul class="cf" id="yui_3_17_2_1_1450478013910_658"&gt;
  &lt;li class="page-collection"&gt;
  &lt;a href="/menu-marquee/"&gt;&lt;span&gt;Menu&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>None of this can be edited directly though...</p>
  
  <p>I was thinking something like this could work, but I cant work out how to apply it to my situation...
  <a href="https://stackoverflow.com/questions/8110003/change-href-value-for-a-hyperlink">Change href value  for a hyperlink</a> </p>
  
  <p>Any help, gratefully received! </p>