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

时间:2017-03-28 13:00:20

标签: html css alignment

我正在尝试使用两个粘性标头。 一个是菜单,1应该是产品的购买盒。 不幸的是,现在购买按钮位于菜单上方,我需要它在下面。

我尝试过更改css位置,但似乎无法让它工作。 有没有人指出如何让它发挥作用? 非常感谢!

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

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

2 个答案:

答案 0 :(得分:0)

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

但是我认为这些是第三方插件,你可以通过应用以下样式解决它:

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

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

如果能给您带来理想的结果,请告诉我。黑色标题在顶部边缘仍然是粘性顶部,而在其下方显示购买产品号召性用语(当您向后滚动时)。

答案 1 :(得分:0)

最好先删除固定的顶部位置:

<header class="oss-header-sticky  " style="top: 0px;">

然后,您可以在关闭以下标记后将此标记的div子元素移动到所需位置:

<div class="fusion-header-v1 fusion-logo-left fusion-sticky-menu- fusion-sticky-logo-1 fusion-mobile-logo- fusion-mobile-menu-design-modern ">