我希望在一页中间有一个单独的按钮/链接，以基本上打开移动网站上的汉堡菜单

Question

我正在 Squarespace 工作，并且愿意在任何地方添加代码。我有一个网站，我有一个供首次访问的客人使用的私人页面，该页面实际上仅在移动设备上使用，因为它仅通过二维码共享（不是重点，但只知道其主要查看将是移动设备）

我希望用户能够按下页面内的按钮（即“了解更多”按钮），并让该按钮实质上打开右上角的汉堡菜单。

这样做的原因是它是一个有许多不同选项卡的网站，第一次来宾看到每个页面的按钮列表 1. 看起来很糟糕，2. 并没有真正的帮助，即使我尝试用手风琴对我来说仍然看起来很傻。

那么，说了这么多，我该如何在 Squarespace 中编写一个按钮，或者只使用其中一个预制按钮来触发导航汉堡在移动设备上扩展？

Answer 1

通过相关页面上的代码块插入以下代码，应创建一个按钮，单击该按钮后将打开导航。

<button id="navOpener" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element">
  LEARN MORE
</button>

<script>
  (function() {
    document.getElementById("navOpener").addEventListener("click",function(e) {
      document.getElementsByClassName("header-burger-btn")[1].click();
    });
  })();
</script>