Skip to main content
Making a Zone Responsive

In this article, you will learn what a responsive zone is and how to make a zone responsive.

Updated over 2 weeks ago

What is a responsive zone?

A responsive zone is a fixed size zone that resizes to fit the webpage it's on. Although fixed size zones have set dimensions, changing a zone's responsive setting can allow ads to match the actual available size.

Responsive zone settings

  • Standard Fixed Dimension Delivery: Indie Ads Manager will always deliver the zone at its set size. This may sometimes result in the ad spilling over the page to avoid being cut off.

  • ✨Automatic Dimension Resizing: The zone will resize to either the size of the container it's in or the set size for the zone, whichever is smaller. This is the recommended setting, however the container for the zone must also be responsive for this to work properly.

  • No Dimensions, Inherit from CSS on Page: Indie Ads Manager will deliver the zone without any dimensions, allowing the CSS on the page to resize it.

Making a zone responsive

  1. Log into your Indie Ads Manager account

  2. Navigate to the zone you want to edit

  3. Click Edit Zone Properties on the right menu, the Edit Zone window will appear

  4. Select a setting from the Responsive drop-down menu

  5. Click Save

Note: HTML5/Rich Media ad items are incompatible with the responsive settings, and custom HTML ad items will resize only if they're delivered via JavaScript zone tags instead of Asynchronous JavaScript zone tags.

Did this answer your question?