<div id="soldakayan" style="position: fixed; left: 0px; top: 0px; z-index: 1;"><a href="javascript:void(0)" onclick="document.getElementById('soldakayan' ).style.display = 'none';" style="background-color: brown; color: bisque;">REKLAM KAPAT</a></div>yukarıdaki kod ile sayfanın sol tarafına reklam yerleşimi yapıyorum ancak mobilden grince google reklamları yazıların resimlerin üzerine geliyor altta REKLAM KAPAT yazdım kapanıyor ancak bu sıkıntı çıkarabilir diye eğer mobildeyse veya sayfa boyu 400pxden küçükse "soldakayan" div'inin gozukmemesini istiyorum. z-index: -1 yapıncada yazıların arkasında kalıyor hiçbirşey seçilmiyor anlaşılmıyor.
Css ile böyle birşey mumkunmu ? ne yapmalıyım? Google bunu politika ihlali sayarmı reklamların yazı üzerinde gozukmesini