I'm facing an issue on my website where, when users have the AdBlock extension enabled, the content within the 'left-detail' section of the page gets compressed, and instead, ads are being displayed. This behaviour is not desired, and I want to ensure that my original HTML code in the 'left-detail' section is not compromised by the presence of ads when AdBlock is active. Below is the relevant HTML code:
<div class="col-12 col-lg-8 detail-left">
<div class="row">
<div class="col-12">
<div class="author-box listen mb-3">
<div class="author-detail">
<a href="/" target="_blank">a</a>
<a href="/yazarlar/aa/arsiv" class="author-detail-all-link" target="_blank">a</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 detail-right">
<div class="detail-right-content white-bg">
<div class="advert w300 h250 mb-20">
<div class="item">
<div data-wbzone-loaded="300x250">
</div>
</div>
</div>
</div>
</div>
I believe there might be a conflict between the ad blocker and my HTML structure. Could anyone please guide me on how to prevent this compression of my HTML content and ensure that ads do not interfere with the layout?