Hocam siz kendi siteniz için bir çözüm bulmuşsunuz. Her temanın gereksinimi farklıdır bu yazdığınız yöntem belki sizin için bir çözüm olabilir fakat her kayma böyle çözülseydi ne mutlu bir dünya olurdu
yo ben her temayı böyle çözüyorum genelde her tema da geçerli
overflow-x: hidden;- Bu, yatay eksende taşmayı (scroll'u) tamamen engeller.
- "x" → Yatay ekseni (sağsol) temsil eder.
- "hidden" → Eğer içerik belirlenen sınırdan dışarı taşıyorsa, onu gizle anlamına gelir.
NEDEN KULLANILIR?- Sayfanın sağ tarafında istemsiz bir boşluk veya scroll bar oluşuyorsa.
- Mobil cihazlarda sayfa yana doğru kayabiliyorsa.
- CSSte width: 100vw gibi kullanımlar taşma yaratmışsa.
GÖRSEL BENZETME;
Bir kutu düşün:
- Kutunun içine bazı öğeler yerleştiriyorsun.
- Eğer bir öğe kutudan dışarı taşarsa:
- overflow-x: visible; → Taşan kısmı göster.
- overflow-x: scroll; → Scroll çubuğu koy, kaydırılabilir yap.
- overflow-x: hidden; → Dışarı taşan kısmı gizle.
Bu kod ile,
gizleme davranışını seçmiş oluyorsun.