他のスティッキー要素（可変の高さ）に相対的なスティックディビジョン

Question

私は最初のメニューの下に2番目のメニューをスティッキーにしようとしています。最初のメニューはデフォルトでスティッキーになっています（テーマ設定）。

モバイル/デスクトップで最初のメニューの高さが異なるため、トップ120pxなどを設定することはできません。

私は試してみました：粘着性があり、合理的にうまく動作するようになりましたが、モバイルでテストするときに問題が始まります。

So;最初のメニューの下に2番目のメニューをスティッキーにする可能性はありますか？事前に

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; 
} 

`

。その後、携帯電話の画面サイズに異なる値を設定するメディアクエリを使用して、top: 105px：

は私が固定位置を使用して、トップのためのCSSを設定することをお勧め

Answer 2

カントーヘッダーを変更することはできませんよ。コードサンプルは次のとおりです。

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*/ 
}