Hiding some google ads on mobile?

[cortix]

I have a custom.html inside in _includes folder for google ads. Whenever I want to use it, I add it to my page.

{% include inarticleads/custom.html %}

For example, I added my custom.html inside in the archive.html

---
layout: default
---

{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
  {% include page__hero.html %}
{% elsif page.header.video.id and page.header.video.provider %}
  {% include page__hero_video.html %}
{% endif %}

{% if page.url != "/" and site.breadcrumbs %}
  {% unless paginator %}
    {% include breadcrumbs.html %}
  {% endunless %}
{% endif %}

<div id="main" role="main">
  {% include sidebar.html %}

  <div class="archive">
    {% include inarticleads/custom.html %}
    {% unless page.header.overlay_color or page.header.overlay_image %}
      <h1 id="page-title" class="page__title">{{ page.title }}</h1>
    {% endunless %}
    {{ content }}
  </div>
</div>

They look fine on desktop but look messy on mobile if I have multiple ads. I don't want to show some ads on mobile. How do I do this?

Could you help me?