Acquia DAM (Widen) portals provide mobile responsiveness to support users across a range of devices. Both brand and standard portals include mobile-friendly features. Understanding these capabilities and limitations helps you optimize your portal’s mobile experience.

Portal type comparison

Brand portals

• Enhanced responsive design with flexible column sections
• Better adaptability for mobile layouts
• Customizable layouts using column sections

Standard portals

• Basic responsive capabilities
• Responsive asset section
• May require extra steps for mobile optimization

Best practices for mobile implementation

Column section optimization

• Use column sections instead of banners to create mobile-friendly layouts.
• Apply 1/3 + 2/3 or 2/3 + 1/3 layouts for improved mobile display.
• Use single-column layouts for key content.
• Design column layouts with consideration for mobile breakpoints.

Banner section guidelines

Acquia DAM (Widen) portals provide mobile responsiveness to support users across a range of devices. Both brand and standard portals include mobile-friendly features. Understanding these capabilities and limitations helps you optimize your portal’s mobile experience.

Portal type comparison

Brand portals

• Enhanced responsive design with flexible column sections
• Better adaptability for mobile layouts
• Customizable layouts using column sections

Standard portals

• Basic responsive capabilities
• Responsive asset section
• May require extra steps for mobile optimization

Best practices for mobile implementation

Column section optimization

• Use column sections instead of banners to create mobile-friendly layouts.
• Apply 1/3 + 2/3 or 2/3 + 1/3 layouts for improved mobile display.
• Use single-column layouts for key content.
• Design column layouts with consideration for mobile breakpoints.

Banner section guidelines

• Place text and call-to-action buttons on the left side.
• Use an appropriate width considering that banner responsiveness stops at 1,024 px width.
• Use an appropriate height considering that the minimum height is 256 pixels.
• Consider using the optimal size of 2,048 x 512 pixels.
• Place text overlays with consideration for mobile viewing.

Asset section configuration

• Enable section search for mobile users.
• Optimize the number of displayed assets for mobile screens.
• Set download and share permissions for mobile use.
• Review asset displays on different device sizes.

Mobile-specific considerations

• Use the following guidelines for screen breakpoints:
  • Below 375 px: Minimum gutter space is 12–22 px.
  • 376–1023 px: Extended gutter space applies.
• Remember that the content wrapper for the smallest screens is 296–330 px.
• Test layouts on multiple devices.
• Use touch-friendly controls.
• Maintain readable text sizes for small screens.

Known limitations

• Banner sections may not resize smoothly.
• Some layout elements need manual adjustment for mobile optimization.
• Device-specific testing may be required for best results.

Recommendations

• Test portals across a range of mobile devices.
• Use column sections for critical content.
• Review and adjust layouts regularly for mobile users.
• Consider user feedback to refine mobile experiences.

See also

• What are sections?
• How do I add a banner to a portal?
• Can I see examples of how other customers designed Brand Portals?