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

August 18, 2017

Gokul Deepak S

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
Inline Feedbacks
View all comments