Squarespace 下拉菜单无法正常工作（可点击部分从视图中消失）

Question

我正在为客户开发自定义 Squarespace 项目，但在使用下拉菜单时遇到了问题。 Squarespace 的默认设置是让菜单下推页面上的所有其他内容块。为了防止这种情况，我应用了一个 z-index 来帮助它重叠在不同页面上的其余页面内容上，但它不适用于默认的 Squarespace 博客页面布局。所以我的替代方案是让菜单下拉，但这是故障，因为菜单的可点击部分一旦被点击就会消失。它还切断了菜单的上半部分。

请注意 Squarespace CMS 的特性——因为我只能进入并修改已经存在的内容，id 和类名称不是我的选择。下拉菜单是我正在操作的“存档块”的一部分。 bottom 属性将菜单定位在页面上需要的位置。

页面：https://www.youbelongsd.com/blog/

我的代码：

#collection-5b4791458a922da6575e66cf {
.archive-block-wrapper.archive-block-setting-layout-dropdown {
    width: 80%;
    position: absolute;
    z-index: 1!important;
        bottom: -90%;
  }
}

相比之下，您可以在我为博客创建的单独登录页面上看到正常运行的菜单：https://www.youbelongsd.com/new-blog

（由于 Squarespace 的工作方式，当单击单个帖子类别时，它们会将您定向到默认博客页面，该页面会导致下拉/向上菜单出现问题。否则我什至不会弄乱它。）

我试过更改 z-index（无效）、调整显示（无效）和调整 bottom 属性，这只会上下移动整个对象。我添加了一个溢出属性，但这只是创建了一个笨拙的水平滚动条。任何意见，将不胜感激。

Answer 1

你有解决问题的方法吗？我正在处理类似的问题，在寻找解决方案时看到了您的帖子。