Bunları yapsak bile yine boşluklar oluyor hocam bi ss atma imkanınız var mı bende merak ettim?
İstediğin görüntü böyle bir şey ise; şunu deneyebilirsin:
style dosyasındaki #header-section'a top: -25px; verebilirsin.
#primary .widget {margin-top: 30px; display: block; } bölümündeki margin-top kısmını sil, top: -24px; ekle.
margin silip top'a 0- verirse mobil iç içe geçicektir muhtemelen ayrıca position: absoloute olmadığı için top:- işlemide çalışmayacaktır. ki çalışsa bile sonrasında mobilde de sorun yaşayıp @media size tanımlaması gerekicek sonrasında. daha çok zora sokucaktır işi.