Mobile Responsiveness Settings
Most feed styles are fully responsive and automatically adapt to different screen sizes — no additional configuration is needed.
The embed code uses lightweight JavaScript to detect the visitor’s device and adjust the layout accordingly. Mobile users will see an optimized layout for smaller screens, while desktop users get the full version.
However, newer feed styles are not yet fully mobile-responsive. Instead, they include an option and enabled by default to automatically switch to Grid View when viewed on mobile devices or smaller screens.
How It Works
When you embed a Curator feed, it responds to the container width on your website. The feed will:
Scale content to fit mobile, tablet, and desktop screens
Adjust column counts in grid and mosaic layouts
Reflow text and images for readability
Maintain aspect ratios for photos and videos
Testing Responsiveness
Before publishing your feed, test how it looks on different devices:
Use your browser's developer tools to preview mobile sizes
Check your website on an actual phone or tablet
Try rotating the device between portrait and landscape
If your feed doesn't look right on mobile, check that your website's container div isn't setting a fixed width. Curator feeds need a flexible container to resize properly.
Custom Mobile Styling
For advanced customization, you can add CSS media queries to adjust feed appearance at specific breakpoints. Use browser inspection to identify feed element classes, then target them with your own stylesheet.