---
title: "Mobile responsiveness in Acquia DAM portals"
date: "2025-08-13T09:40:02+00:00"
summary: "Optimize Acquia DAM portals for mobile: Best practices for responsive design, layout tips, and device considerations."
image:
type: "page"
url: "/acquia-dam/mobile-responsiveness-acquia-dam-portals"
id: "5716e010-cd0a-4dd4-95ae-17f474e59616"
---

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

*   [What are sections?](/acquia-dam/what-are-sections "What are sections?")
*   [How do I add a banner to a portal?](/acquia-dam/how-do-i-add-banner-portal "How do I add a banner to a portal?")
*   [Can I see examples of how other customers designed Brand Portals?](/acquia-dam/can-i-see-examples-how-other-customers-designed-brand-portals "Can I see examples of how other customers designed Brand Portals?")