jQuery("document").ready(function ($) {
   var nav = $('.headerfixed');
   $(window).scroll(function () {
      if ($(this).scrollTop() > 0) {
         nav.addClass("fixed");
      } else {
         nav.removeClass("fixed");
      }
   });
});

Öncelikle burada bulunan 0 a farklı bir deger vermeniz gerekmekte, sebebi ise headeriniz çok büyük yaklaşık olarak 275px değerinde brir yüksekliği bulunmakta büyük ekranlarda sorun olmayabilir fakat küçül ekranlarda porblem yaratır bu durum.

Sizin değeri 0 olan js kodunu azami 150px yapın ki alttaki kısım scroll 150px e gelene kadar gözüksün. Değeri farklı da verebilirsiniz fakat 0 dan yüksek bir değer verin. Sorununuz bu şekilde çözülür.