Neyi Düzelttik?
Padding/Margin Sıfırlama: Mobilde (max-width: 1199.98px) .layout-page sınıfına padding-left: 0 ve margin-left: 0 verdik. Sağa kaymanın asıl sebebi buydu; CSS hala orada bir sidebar varmış gibi boşluk bırakıyordu.
Translate3d Kullanımı: Sidebar'ı display: none yerine transform: translate3d(-100%, 0, 0) ile ekran dışına aldık. Bu, animasyonun daha akıcı olmasını sağlar.
Z-Index: Sidebar'ın ve karartma perdesinin (overlay) içeriklerin üstünde görünmesi için z-index değerlerini sabitledik.
Bu kodu yapıştırdığında içerik tam sola yaslanacak ve sadece 3 çizgiye bastığında sidebar üstten kayarak gelecektir. Eğer hala bir kayma varsa, PartialHeader.cshtml içinde genişliği etkileyen ekstra bir CSS olup olmadığını kontrol edebiliriz. Deneyip sonucu söyler misin?
-
yürüyüş
-
uçuş
-
test
-
test
-
test
-
doğa yürüyüşü
-
tarih gezileri
-
çömlek yapımı
-
müze gezisi
Detaylı Tur Açıklaması
Neyi Düzelttik?
Padding/Margin Sıfırlama: Mobilde (max-width: 1199.98px) .layout-page sınıfına padding-left: 0 ve margin-left: 0 verdik. Sağa kaymanın asıl sebebi buydu; CSS hala orada bir sidebar varmış gibi boşluk bırakıyordu.
Translate3d Kullanımı: Sidebar'ı display: none yerine transform: translate3d(-100%, 0, 0) ile ekran dışına aldık. Bu, animasyonun daha akıcı olmasını sağlar.
Z-Index: Sidebar'ın ve karartma perdesinin (overlay) içeriklerin üstünde görünmesi için z-index değerlerini sabitledik.
Bu kodu yapıştırdığında içerik tam sola yaslanacak ve sadece 3 çizgiye bastığında sidebar üstten kayarak gelecektir. Eğer hala bir kayma varsa, PartialHeader.cshtml içinde genişliği etkileyen ekstra bir CSS olup olmadığını kontrol edebiliriz. Deneyip sonucu söyler misin?Neyi Düzelttik?
Padding/Margin Sıfırlama: Mobilde (max-width: 1199.98px) .layout-page sınıfına padding-left: 0 ve margin-left: 0 verdik. Sağa kaymanın asıl sebebi buydu; CSS hala orada bir sidebar varmış gibi boşluk bırakıyordu.
Translate3d Kullanımı: Sidebar'ı display: none yerine transform: translate3d(-100%, 0, 0) ile ekran dışına aldık. Bu, animasyonun daha akıcı olmasını sağlar.
Z-Index: Sidebar'ın ve karartma perdesinin (overlay) içeriklerin üstünde görünmesi için z-index değerlerini sabitledik.
Bu kodu yapıştırdığında içerik tam sola yaslanacak ve sadece 3 çizgiye bastığında sidebar üstten kayarak gelecektir. Eğer hala bir kayma varsa, PartialHeader.cshtml içinde genişliği etkileyen ekstra bir CSS olup olmadığını kontrol edebiliriz. Deneyip sonucu söyler misin?
Hemen Rezervasyon Yaptırın!