Wordpress Yapışkan Reklam Alanı Çalışmıyor (CSS Kaynaklı)

Wordpress alt yapısına geçtik ancak daha önce çalışan yapışkan reklam alanı wordpresste çalışmıyor. Tema Jannah... Kodları yazı içine ekliyoruz ve aşağıdaki gibidir. Bunu eklentisiz nasıl çözebiliriz...

<style>

    .alan_container {
    height: 450px !important;
    width: 100%;
    margin: 10px 0px;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    }
    .kayan_container {
        position: sticky !important;
        top: 125px;
        overflow: visible !important;
    }
</style>

Bu kodu Eklediğimde "[know-properties] Expected (static | relative | absolute | fixed) but found "sticky"." Uyarısı çıkıyor. Siteyi incelediğimde tüm css ve html kodları var.

<div class="alan_container">
<div class="kayan_container">
<div class="article_banner" id="site_article_responsive" style="min-height: 336px; text-align: center;">
    
        Kod
      
</div>
</div>
</div>

<style>
.alan_container {
height: 450px !important;
width: 100%;
margin: 10px 0px;
overflow: visible !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
}
.kayan_container {
position: fixed !important;
top: 125px;
overflow: visible !important;
}
</style>

bu kodu dener misiniz hocam

position: sticky !important; Yerine position: fixed !important; yaptıldığında reklam birimleri üst üste geçiyor ve ekranın orasında sabit kalıyor. 450px alanı içinde yapışkan olması gerekirken çalışmıyor.

position: fixed ---> Ne yaparsanız yapın sabittir yani değişmez.

position: sticky ---> Tam sabit değildir yani değişkendir.

Bu durumda kök kodlarda overflow içermemesi gerekiyor.

<div class="content">
  <div class="kayan_container">
   <div class="article_banner" id="site_article_responsive" style="min-height: 336px; text-align: center;">
        Kod
  </div>
 </div>
</div>

Kök div sınıfındaki content overflow içeriyorsa, sticky çalışmaz. İçerisine alan_container diye ek blok açıp overflow değerini visible olarak tanımlasanız bile işe yaramaz dolayısıyla kök/ana sınıfı elden geçirmeniz gerekiyor. Bu arada yine de overflow: inherit belirleyerek de deneyebilirsiniz.