How to add responsive ads

How to add responsive ads

Responsive Google Ads

To display responsive Google Ads banners, you need to download the following plugin;


1) Upload and activate the plugin

2) Add a Text Widget to a widget field

3) Paste your Google ads code to the content field

4) Click devices icon

5) You will see 3 check box. For example, if you want to hide this ads on all mobile devices, check “desktop” box like the following;

6) Then, you can add a new widget to display only on mobile devices like the following;

For example, you can create 3 widget on the header advertisement field like the following;

DESKTOP -> 780×90

TABLET -> 468×60

MOBILE -> 300×250

Responsive Image Banner

You can use SiteOrigin Image widget to add responsive image banners to the widget fields;

Responsive Iframe

If you want to add a simple responsive iframe banner, you can use GeekMag Iframe widget;