0
Kayıt Ol

Mobil Header Nasıl Sabitlerim

3

●

35

  • 16-11-2021, 14:16:52
    #1
    Foxi
    Foxi
    Arkadaşlar;
    Genel Header css dosyam var
    .header {
   letter-spacing: -.025em;
   background: #fff;
    Ben bunu bozmadan sadece mobilde çalışacak şekilde alt kısımdaki kodu nasıl yerleştiririm?
    position: sticky;
    top: 0;
    z-index: 9999;
    özetle mobilde üst menümü sabitlemek istiyorum ama masaüstünü de bozmadan.
    Teşekkürler
  • Kabul Edilen Cevap
    • Lyra
      1 Beğeni
      Mesaja Git 
      @media only screen and (max-width: 768px) {
 .class_name{
   position: sticky;
    top: 0;
    z-index: 9999;
   }
}
      dener misiniz?
  • 16-11-2021, 14:18:49
    #2
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Lyra
    Lyra 
    @media only screen and (max-width: 768px) {
 .class_name{
   position: sticky;
    top: 0;
    z-index: 9999;
   }
}
    dener misiniz?
  • 16-11-2021, 14:31:36
    #3
    Foxi
    Foxi
    berkaycatak adlı üyeden alıntı: mesajı görüntüle 
    @media only screen and (max-width: 768px) {
 .class_name{
   position: sticky;
    top: 0;
    z-index: 9999;
   }
}
    dener misiniz?
    çok teşekkürler.
  • 16-11-2021, 14:34:24
    #4
    ozgur_medya
    ozgur_medya
    https://getbootstrap.com/docs/5.1/ut...iding-elements
    Tam olarak yapmak istediğinizi anlayamadım ancak yazılımınızda bootstrap varsa bu class'lar sayesinde belirli bir itemi sadece masaüstünde, sadece mobilde gösterilsin vs. diyerek kullanabilirsin.