html - 在普通菜单下对齐粘性菜单

Question

我正在尝试使用两个粘性 header 。 一个是菜单，1 应该是产品的购买按钮。 不幸的是，现在购买按钮在菜单上方，我需要它在下方。

我试过更改 css 位置，但似乎无法让它工作。 有人对我如何使它起作用有指示吗？ 非常感谢!

链接: https://www.agreenstory.de/shop/greenbook/greenbook-a4/

编辑: 这就是我想要的情况: http://agreenstory.de/like.jpg

Answer 1

理想的做法是修改强制 top: 0px 的 javascript，以根据您的情况使用值。

但我假设这些是第三方插件，您可以通过应用以下样式来解决它:

#osplugin-header-sticky .header-fixed {
    padding-top: 65px;
}

.fusion-header-wrapper {
    z-index: 200001;
}

如果这能给您带来想要的结果，请告诉我。黑色标题仍然粘在右上角的顶部边缘，而购买产品号召性用语出现在其下方(当您向后滚动时)。