Masaüstünde gizleme

Merhaba bir menü yaptım, masaüstünde ve mobilde görünüyor ben sadece mobilde gözükmesini istiyorum.
Ne yapmam lazım acaba

   <div class="sticky-footer">
      <div class="one-fourth" id="sticky-giris"><a href="https://www.xxx.com/giris"><img class="sticky-giris" src="https://www.xxx.com/public/images/icons/login.png" /></a>
      <p>Giriş</p>
    </div>
    <div class="one-fourth" id="sticky-kayit"><a href="https://www.xxx.com/kayit/uye"><img class="sticky-kayit" src="https://www.xxx.com/public/images/icons/register.png" /></a>
      <p>Kayıt Ol</p>
    </div>
     <div class="one-fourth" id="sticky-araclar"><a href="https://www.xxx.com/hesaplama-araclari"><img class="sticky-araclar" src="https://www.xxx.com/public/images/icons/arac.png" /></a>
      <p>Araçlar</p>
    </div>
  <div class="one-fourth" id="sticky-erisilebilirlik"><a href="https://www.xxx.com/soru/"><img class="sticky-erisilebilirlik" src="https://www.xxx.com/public/images/icons/erisilebilir.png" /></a>
     <p>Soru-Cevap</p>
    </div>
   </div>          
           </div>

Yardımcı olursanız çok sevinirim teşekkürler

@media (min-width:1200px){
.sticky-footer { display: none; }
}

veya

@media (max-width:768px){
.sticky-footer { display: block; }
}

çözünürlük oranı sana kalmış

Hocam yanlış yazmışım da dalgınlık kusura bakma masaüstünden gizleyeceğim mobilde aktif olacak.

Bende o şekilde örnek verdim

Css arasına
.sticky-footer { display: none; }

ekleyin ve medya kodunu ekleyin;

@media (max-width:768px){
.sticky-footer { display: block; }
}

Genel olarak gizli olacak ancak 768px altındaki genişlikte gözükecek.

Teşekkürler hocam sanırım css kısmını yanlış yapıyorum

Hala görünüyorda

@media(min-width:768px){.sticky-footer{display:block;}}.sticky-footer{display:block;height:58px;background:#ed6521;position:fixed;bottom:0;left:0;width:100%;z-index:99}.sticky-footer.one-fourth{width:25%;float:left;color:#fff;text-align:center;height:58px;position:relative;cursor:pointer}.sticky-giris,.sticky-kayit,.sticky-araclar,.sticky-erisilebilirlik{width:27px;height:27px;margin:auto;margin-top:4px}.sticky-footer .one-fourth p{font-size:12px;margin-top:0px}

.sticky-giris,.sticky-kayit,.sticky-araclar,.sticky-erisilebilirlik bunların ikonları görünüyorda

Media dışında kalan .sticky-footera block vermişsin.
@media(min-width:768px){.sticky-footer{display:block;}}.sticky-footer{display:none;height:58px;background:#ed6521;position:fixed;bot tom:0;left:0;width:100%;z-index:99}

Ayrıca medya kodunu sonlara eklemen daha sağlıklı.

Destek için çok teşekkürler hocam yorduk senide.