Menüye Paylaşım Butonları Ekledim, Mobilde Alta Sabitlenmiyor?

Herkese selamlar. Sitenin ŞURASINDAKİ menüye paylaşım butonlarını ekledim ancak masaüstünde alta sabitlenirken(BÖYLE) mobil'de sabit görünmüyor. Mobilden geliştirici konsolunu alıp bakmadığımdan da nedenini anlayamadım. Neden böyle olmuş olabilir? Mobilde şu şekilde: https://prnt.sc/t7juzk

Site adresi imzamda mevcut.

https://prnt.sc/t7k1x6 bende masaüstünde böyle gözüküyor hocam

.msmb {
z-index: 500;
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
text-align: center;
font-family: "dm-miyavliyo"
}

bottom: 32px yapmışsınız onu 0px olarak değiştirip bakar mısınız ?

tekrar kontrol ettim şöyle bir sıkıntı daha var aslında scrool 'u aşağı indirdiğiniz de paylaşım butonlarınız sabit kalıyor https://prnt.sc/t7k5ue bence siz bottom u düzelttikten sonra altta yazdığımıda css e ekleyin

@media only screen and (max-width: 800px) {
.msmb {
position: sticky;
bottom: 20px;
}
}

Balık değil ama balık tutmayı göstereyim. Pc den de google chrome da sağ click incele dediğinizde device mode ile mobil olarak siteyi görebilirsiniz. Nedenini böylelikle görebilirsiniz.

Aslında yanlış div tag'inin içine koymuşsunuz paylaşım butonlarınızı.
<div class="gridlove-sidebar-action-wrapper ">

<!-- Paylaşım butonlarınız -->
</div>
Şeklinde düzelttikten sonra
bottom:32px yerine bottom:0; veriniz. Muhtemelen sorununuz düzelecektir.

32 yerine yaptığımda bar ekranın alttan dışında kalıyor, o yüzden 32 verip alttan sıfırlamıştım; şimdi kaldırdım taşmış durumda. Bir şekilde alta sabitlemek istiyorum, dediklerinizi yaptım olmadı.

Bunu biliyorum da mobil görünümden düzgün görünüyordu, şimdi fark ettim ki ekranı daraltmak değil aynı zamanda yüksekliğini de azaltmam gerekiyormuş sorunlu halini görebilmek için.

Dediğiniz yetere taşıdım ve 0px verdim ancak, sonuç değişmedi. Aksine bu şekilde ekranın alttan dışında kalıyor, 0 yerine 32px o yüzden vermiştim.

Hocam şimdi

.msmb {position: fixed;  bottom: 0;}

yaptığınızda düzgün çalışmıyor mu? Ben kendi cihazımdan bu kodlarla hem mobil hem desktop kontrol ettim bir sıkıntı gözükmüyor

dediğimi yerden ekranın yüksekliğini de ayarlayabilirsiniz.

Yok hocam, olmuyor. Şu an dediğiniz gibi ekli durumda kollar: https://prnt.sc/t7th8c

Aklıma yüksekliği ayarlamak gelmemişti demek istedim hocam. Genellikle mobil tasarım(responsive) yaparken genişliği baz alıp yapıyoruz ya bu sefer yükseklik sorun çıkarıyor.

Hocam yanlış yerde scroll var ondan dolayı bu hatayı alıyorsunuz bu cssler ile çözülür muhtemelen

.gridlove-sidebar-action-inside {
  overflow-y: scroll;
  height: 100%;
  padding-bottom: 40px;

}
.gridlove-sidebar-action-wrapper {
overflow: hidden!important;
}