Stick Div相对于其他粘性元素（可变高度）

Question

我正试图让第二个菜单粘在第一个菜单下面。默认情况下，第一个菜单已变为粘性（主题设置）。

由于第一个菜单的高度因手机/桌面而异，我无法设置顶部：120px或其他东西。

我确实尝试了位置：粘性并使其工作得相当好，但是在移动设备上测试时会出现问题。

因此;是否有可能使第二个菜单粘在第一个菜单下面？

https://www.salonivon.nl/custom-webshop-tryout/

提前致谢， 理查德

Answer 1

我使用的代码是：

`.my-extra-WooWidget{
 position: sticky;
 top: 104px;
 z-index: 100;
 background:white;
 width:100%;
 padding-bottom:10px;
 }

`

只要我在桌面屏幕上，这就有效。

我无法更改标题

Answer 2

我建议使用固定位置并将CSS设置为top：top: 105px，然后使用媒体查询为移动屏幕尺寸设置不同的值。这是一个代码示例：

widget.my-extra-WooWidget {
    top: 105px; /*Use a suitable value here*/
    left: 0;
    right: 0;
    background-color: #fff;
    position: fixed;
    z-index: 1;
}
@media (max-width: 768px) /*Use a suitable screen size here*/ {
    top: 76px; /*Use a suitable value here*/
}