How to Display ads only on Desktop browsers and not in Mobile Browser WordPress

Gokul Deepak

In this post, I’m going to share you the method of How to Display ads only on Desktop browsers and not in Mobile Browser.

Mission: How to Display ads only on Desktop browsers and not in Mobile Browser

Requirements: WordPress

Step 1: Go to our admin panel. Appearance-> Widgets.

Step 2: Add Text widget.

Step 3: Paste this Code

 

<style>
@media (max-width: 1023px) {.hidead {display: none !important;}}</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle hidead" style="display: block;" data-ad-client="ca-pub-123456789" data-ad-slot="01234567890" data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

Step 4: Change client id and ad slot id.

Mission Completed.

About the author

Gokul Deepak is a DevOps engineer focused on building reliable cloud systems through automation, observability, and disciplined infrastructure design. He shares practical insights from real-world production environments, helping engineers build systems that scale with clarity and confidence.

Leave a Reply

0 Comments
Oldest
Newest Most Voted