Loading...

Mobile responsiveness in Acquia DAM portals

Acquia DAM 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

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Back to Section navigation