Responsive Banners

Toma
Toma
  • Updated

To make your banner fully responsive, make sure that all banner components adhere to a specific position when banner size changes. To see how the banner is going to adapt to different sizes when placed on different screens, you're able to test it in our dashboard:

  1. Navigate to Banner settings.

  2. In the Dimensions section, select the checkboxes next to Responsive Width and/or Responsive Height.

  3. Once you select these checkboxes, the banner is made responsive. Test the banner by dragging height and width lines in the dashboard.

Component Position

Use positioning widget to define component's position:

  1. Click Insert Component (1), and select a component that you want to add to the banner.

  2. Open Size & Position section (2).

  3. Use the positioning widget (3) to define the component's orientation. Each panel of the square represents component's position in the banner.

  4. You can set a Scale Mode (4) to define how an image or object will be displayed with different ad dimensions:

  • Fill mode lets the component be bigger or smaller than the banner size while maintaining original proportions.

  • Fit mode lets the component be smaller or bigger within the banner size while maintaining original proportions.

  • Limit mode lets the component be smaller or original size while maintaining original proportions.

  • Banner Width mode lets the component adapt its size based on the banner width while maintaining original proportions.

  • Banner Height mode lets the component adapt its size based on the banner height while maintaining original proportions.

component_position.png

Was this article helpful?

/
How we can make it better?

Thank you for your feedback!